@charset "UTF-8";
@import url('base.css');
@font-face {
    font-family: 'hm';
    src: url('https://res-static.faenza.com.cn/upload/fonts/HarmonyOS/Light.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'hm';
    src: url('https://res-static.faenza.com.cn/upload/fonts/HarmonyOS/Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'hm';
    src: url('https://res-static.faenza.com.cn/upload/fonts/HarmonyOS/Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'hm';
    src: url('https://res-static.faenza.com.cn/upload/fonts/HarmonyOS/Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'pps';
    src: url('https://res-static.faenza.com.cn/upload/fonts/Poppins/Light.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'pps';
    src: url('https://res-static.faenza.com.cn/upload/fonts/Poppins/Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'pps';
    src: url('https://res-static.faenza.com.cn/upload/fonts/Poppins/Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

/*♥********************♥START♥********************♥*/
.mouse{position:fixed;z-index:9999;pointer-events:none;width:1rem;height:1rem;opacity:0;visibility:hidden;transition:opacity .3s cubic-bezier(.39,.575,.565,1) 0s,visibility .3s cubic-bezier(.39,.575,.565,1) 0s;}
.mouse .pointer{position:absolute;left:-0.5rem;top:-0.65rem;width:100%;height:100%;transform:scale(0);transition:transform .3s cubic-bezier(.165,.84,.44,1) 0s}
.mouse .pointer span{position:absolute;left:0;top:0;width:100%;height:100%;}
.mouse .icon{z-index:1;border-radius:50%;transition:transform .3s cubic-bezier(.165,.84,.44,1) 0s,background .3s cubic-bezier(.39,.575,.565,1) 0s;transform:scale(0,0);}
.mouse .bar{z-index: 2;background:url(../images/icon-drag.svg) center no-repeat; background-size: 74% auto; visibility: hidden;opacity: 0;}
.mouse .tit{font-weight:400;display:flex;color:var(--white);align-items:center;justify-content:center;position:relative;z-index:2;opacity:0;transform:translateY(0.2rem); font-family: var(--fen); font-size: var(--font-size14);}
.mouse.show .icon{background-color:rgba(var(--color),0.95);transform:scale(1,1);}
.mouse.show .tit{opacity:1;transform:translateY(0);transition:transform .25s cubic-bezier(.165,.84,.44,1) 0.3s,opacity .25s cubic-bezier(.165,.84,.44,1) 0.3s;}
.mouse.show .pointer{transform:scale(1);}
.mouse.show{opacity:1;visibility:visible;}
.mouse.show.drag .tit{opacity: 0; visibility: hidden;}
.mouse.show.drag .bar{opacity: 1; visibility: visible;}

header{position:fixed;left:0;top:0;padding:0.3rem 0;transition:0.3s;z-index:100;width:100%;transform:transform .35s cubic-bezier(.215,.61,.355,1) 0s,opacity .35s cubic-bezier(.39,.575,.565,1) 0s,visibility .35s cubic-bezier(.39,.575,.565,1) 0s,-webkit-transform .35s cubic-bezier(.215,.61,.355,1) 0s;opacity:1;transform:translateY(0);}
header .logo a{display: block;}
header .logo img{height:0.41rem;}
header .logo img.color{display: none;}
header.up{transform:translateY(-1rem);opacity:0;}
header.has-bg{backdrop-filter:saturate(150%) contrast(50%) blur(8px);-webkit-backdrop-filter:saturate(150%) contrast(50%) blur(8px);background-color:rgba(124,99,76,.3);}

.menu-icon-wrapper {position: relative;display: inline-block;width: 0.34rem;height: 0.34rem;margin: 0 0 0 2em;pointer-events: none;transition: 0.1s;}
.menu-icon-wrapper.scaled {-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);}
.menu-icon-wrapper svg {position: absolute;top: -0.33rem;left: -0.33rem;-webkit-transform: scale(0.1);-ms-transform: scale(0.1);transform: scale(0.1);-webkit-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0;}
.menu-icon-wrapper svg path {stroke: var(--white);stroke-width: 40px;stroke-linecap: round;stroke-linejoin: round;fill: transparent;}
.menu-icon-wrapper .menu-icon-trigger {position: relative;width: 100%;height: 100%;cursor: pointer;pointer-events: auto;background: none;border: none;margin: 0;padding: 0;}

.menu-icon-wrapper .menu-icon-trigger:hover,
.menu-icon-wrapper .menu-icon-trigger:focus {outline: none;}
@media (min-width:1025px) {
    .menu-icon-wrapper {display: none;}
}

.menu{display:flex;align-items:center;}
.menu li > a{color:var(--white);display:block;position:relative;line-height:calc(37 / 18);}
.menu li  > a::before{position:absolute;content:'';left:0;bottom:0;width:0;transition:0.3s;background-color:var(--white);height:3px;}
.menu li.aon  > a,.menu li  > a:hover{color:var(--white);}
.menu li.aon  > a:before,.menu li  > a:hover:before,.menu li.active  > a:before{width:100%;}
.menu li:not(:last-child){margin-right:0.48rem;}

header .nav{margin-left:0.4rem;}
header .nav a{margin-left:0.4rem;cursor:pointer; font-family: var(--fen); }
header .nav a:not(:hover){color:var(--white);}
header .nav .search-btn{width:0.19rem;height:0.19rem;display:block;background:url(../images/search.svg) no-repeat center center;background-size:contain;margin-left:.4rem;cursor:pointer;}
@media (min-width:1025px) {
    header [class*=-menu]{width:40%;}
    header .nav .search-btn{position:relative;z-index:10;}
}
@media (max-width:1024px) {
    header .left-menu{display: none;}
}

.Static-menu:not(.wap-menu-show) header:not(.has-bg) .nav a,
.Static-menu header:not(.has-bg) .menu li  > a{color: var(--default-color);}
.Static-menu header:not(.has-bg) .menu li  > a:before{background-color: var(--default-color);}
.Static-menu header:not(.has-bg) .menu li  > a:hover,
.Static-menu header:not(.has-bg) .menu li.aon  > a{color: var(--hover-color);}
.Static-menu header:not(.has-bg) .menu li  > a:hover:before,
.Static-menu header:not(.has-bg) .menu li.aon  > a:before{background-color: var(--hover-color);}
.Static-menu:not(.wap-menu-show) header:not(.has-bg) .logo img.white{display: none;}
.Static-menu:not(.wap-menu-show) header:not(.has-bg) .logo img.color{display: block;}
.Static-menu:not(.wap-menu-show) header:not(.has-bg) .nav .search-btn{background-image: url(../images/search4.svg);}
.Static-menu:not(.wap-menu-show) header:not(.has-bg) .menu-icon-wrapper svg path{stroke: var(--default-color) ;}


.search-show{overflow:hidden; height: 100vh!important;}
.searchBox{position:fixed;left: -100%;visibility: hidden;opacity: 0;transition: 0.5s;top: 0;width: 100%;z-index: 110; height: 100%;background-color: var(--lighter-color);}
.search-show .searchBox{left: 0; visibility: visible; opacity: 1;}
.searchBox .in{max-width: 600px;width: 90%;}
.searchBox .in ul{margin-bottom: 0.23rem;}
.searchBox .in li{color: #a09b95; padding-bottom: 0.09rem;position: relative;z-index: 1; cursor: pointer;}
.searchBox .in li + li{margin-left: 0.43rem;}
.searchBox .in li:after{position: absolute; left: 0;bottom: 0;height: 2px;width: 0;background-color: var(--hover-color); content: '';}
.searchBox .in li.active{color: var(--hover-color);}
.searchBox .in li.active:after{width: 100%;}
.searchBox .box{padding: 0.22rem 0.22rem 0.22rem 0.24rem; background: url(../images/search3.svg) no-repeat left center; background-size: auto 0.19rem; border-bottom: var(--border);}
.searchBox .box .text{width:100%;height:1.2em;line-height: 1.2em;border:none;background:var(--white);flex: 1; background: none; font-weight: 100;color: #a09b95;}
.searchBox .box .text.focus{color: var(--default-color);}
.searchBox .box .btn{display: block;width: 1.2em;height: 1.2em; background: url(../images/search-btn.svg) no-repeat center center; background-size: contain;}
.searchBox .close{position: absolute;right: calc(100 / 1920 * 100vw);top: 0.3rem;}
.searchBox .close a{display:flex;align-items:center;text-transform:capitalize;color:var(--default-color);cursor:pointer;}
.searchBox .close a:after{display:inline-block;content:'';width:0.2rem;height:0.2rem;margin-left:0.21rem;background:url(../images/close2.svg) no-repeat center center;background-size:contain;}


.wap-menu-show{overflow:hidden;height: 100vh!important;}

.wap-sub-box{background-color:var(--hover-color);position: fixed; padding-top: 1.01rem; left: 0;width: 50%;max-width: 3rem; bottom: 0;z-index:99;top: 0; visibility: hidden; transform: translateX(-0.3rem); opacity: 0; transition: 0.3s ease-in-out;}
.wap-menu-show .wap-sub-box{visibility: visible; opacity: 1; transform: translateX(0);}
.wap-sub-box::before{position: absolute; content: '';left: 0;top: 0;width: calc(100vw + 0.3rem);top: 0;height: 100%; background-color: var(--default-color-opacity-60);}
.wap-sub-box ul{padding: 0 0.1rem; overflow: auto; height: 100%; position: relative;z-index: 2}
.wap-sub-box ul > li span{display: flex;justify-content: space-between;align-items: flex-end; line-height: 3;}
.wap-sub-box ul > li span a{border-bottom: 1px solid var(--white-opacity-10); flex: 1;}
.wap-sub-box ul > li a{display: block;}
.wap-sub-box li a{color: var(--white);line-height: 3;}
.wap-sub-box .op{display: block; width: 0.24rem; height: 0.24rem; border: 1px solid var(--white); border-radius: 50%; flex-shrink: 0;margin-left: 0.1rem; background: url(../images/op.svg) no-repeat center center; background-size: 60% auto; transition: 0.3s; opacity: 0.7;}
.wap-sub-box .on .op{transform: rotate(-180deg);opacity: 1;}
.wap-sub-box .sub{font-weight: 100;display: none; padding: 0 1em;}
.wap-sub-box .sub-dl{display: none;}
.wap-sub-box .sub dd a{line-height: 2.4; padding-left: 1em;}
.wap-sub-box .sub dd:not(:last-child){border-bottom: 1px dashed var(--white-opacity-10); }
.wap-sub-box ol li > a{ border-bottom: 1px solid var(--white-opacity-10); position: relative;line-height: 3;}
.wap-sub-box ol li > a:before{position: absolute; content: ''; width: 0.24rem; height: 0.24rem;background: url(../images/add.svg) no-repeat center center; background-size: contain; right: 0;top: 50%;margin-top:-0.1rem; transition: 0.3s;}
.wap-sub-box ol li > a.on:before{transform: rotate(45deg);}

.sub-box{position:fixed;left:0;z-index:999;height:100%;display:flex;justify-content:space-between;visibility:hidden;opacity:0;transition:0.3s;pointer-events:none;}
.menu-show .sub-box{visibility:visible;opacity:1;pointer-events:all;}
.sub-box .left{background-color:var(--lighter-color);flex-shrink:0;position:relative;z-index:3;}
.sub-box .right{flex:1;position:relative;z-index:1;background-color:var(--white);}
.sub-box .list-change-box{padding:calc(206 / 960 * 100vh) 1rem 0;}
.sub-box .label{color:var(--white-opacity-50);margin-bottom:0.3rem;}
.sub-box .operate{display:flex;justify-content:space-between;padding:0.3rem 1rem;line-height:calc(37 / 18);position:absolute;left:0;top:0;width:100%;}
.sub-box .operate .close a{display:flex;align-items:center;text-transform:capitalize;color:var(--default-color);cursor:pointer;}
.sub-box .operate .close a:after{display:inline-block;content:'';width:0.2rem;height:0.2rem;margin-left:0.21rem;background:url(../images/close2.svg) no-repeat center center;background-size:contain;}
.sub-box .list-cate{display:none;}
.sub-box .list-cate.is-active{display:block;}
.sub-box .right .list{visibility:hidden;}
.sub-box .right .list.is-active{visibility:visible;}
.sub-box .list-item ul{display:none;}
.sub-box .list-item ul.is-active{display:block;}
.sub-box .list-item{opacity:0;transition:0.3s 0.5s;transform:translateY(0.5rem);}
.sub-box .is-active .list-item{opacity:1;transform:translateY(0);}
.sub-box .list-info{opacity:0;transition:0.3s 0.5s;transform:translateY(0.5rem);}
.sub-box .is-active .list-info{opacity:1;transform:translateY(0);}
.sub-box .list-cate dd{line-height:calc(60 / 32 * 1em); font-size: var(--font-size32);font-weight:100;}
.sub-box .list-cate dd a{color:#a09b95;}
.sub-box .list-cate dd.on a,.sub-box .list-cate dd a:hover{color:var(--hover-color);}
.sub-box .list-cate[data-id='sub-ware'] dl{overflow:hidden;}
.sub-box .list-cate dl.s2 dd{float:left;width:40%;}
.sub-box .right .list{position:absolute;left:0;top:0;width:100%;height:100%;}
.sub-box .right .list-items{overflow:auto;height:100vh;scrollbar-width:none; pointer-events: auto;}
.sub-box .right .list-items::-webkit-scrollbar{display:none;}
.sub-box .num{height:calc(300 / 960 * 100vh);text-align:right;color:var(--default-color);padding:0.2rem 0.13rem 0 0;font-size:5em;opacity:0.2; font-family: var(--fen); font-weight: 500;}
.sub-box .list-item li{border-top:1px solid rgba(220,213,204,0.5);}
.sub-box .list-item li a{display:flex;flex-direction:row;justify-content:space-between;height:2.4rem;padding:0.4rem 0.5rem;transition:0.4s;}
.sub-box .list-item li a:hover{background-color:var(--default-color);color:var(--white);}
.sub-box .list-item li .name{font-size: var(--font-size24);font-weight: 100;}
.sub-box .list-item li .pic{width:calc(130 / 420 * 100%);flex-shrink:0;display:flex;align-items:flex-end;justify-content:center;}
.sub-box .list-info{display:flex;align-items:flex-end;height:calc(660 / 960 * 100vh);}
.sub-box .list-info .info{padding:0.5rem 0.5rem 0;border-top:1px solid rgba(220,213,204,0.5);font-weight: 100;}
.sub-box .list-info .info .img{margin:0 -0.5rem;}
.sub-box .list-info .tit{color:var(--default-color);margin-bottom:1em; font-size: var(--font-size24);}
.sub-box .list-info .intro{line-height:1.5;color:#45413f;margin-bottom:.5rem;max-width:31em;}
.sub-box .menu li a{color:var(--default-color);display:block;position:relative;line-height:calc(37 / 18);}
.sub-box .menu li a::before{background-color:var(--hover-color);}
.sub-box .menu li.aon a,.sub-box .menu li a:hover{color:var(--hover-color);}
@media (min-width:1025px) {
    .sub-box{width:100%;flex-direction:row;top:0;}
    .sub-box .left{width:calc(1200 / 1920 * 100vw);transform:translateX(calc(-1500 / 1920 * 100vw));transition:transform 0.5s 0s cubic-bezier(0.41,0.38,0.14,1);}
    .sub-box .right{transform:translateX(calc(-420 / 1920 * 100vw));transition:transform 0.4s 0s cubic-bezier(0.41,0.38,0.14,1),opacity 0.4s 0s cubic-bezier(0.41,0.38,0.14,1);opacity:0;height:100vh;}
    .menu-show .sub-box .left{transition:transform 1s 0s cubic-bezier(0.41,0.38,0.14,1);}
    .menu-show .sub-box .right{transition:transform 1s 0.4s cubic-bezier(0.41,0.38,0.14,1),opacity 1s 0.5s cubic-bezier(0.41,0.38,0.14,1);}
    .menu-show .sub-box .right,.menu-show .sub-box .left{opacity:1;transform:translateX(0);}
}


.catlabels{justify-content:flex-start;margin-bottom:0.24rem;}
.catlabels .i{cursor:pointer;margin-right:4em;font-size: var(--font-size14); color: var(--default-color-opacity-60);}
.catlabels .i:hover,.catlabels .i.cur{color:var(--hover-color); opacity: 1;}


/*new menu*/
.new-sub{position: absolute; left: 0;top: 100%; width: 100%;background-color:#eeeae5; padding: 0.3rem 0; opacity: 0;visibility: hidden; transition: 0.3s;}
.active .new-sub{opacity: 1; visibility: visible;}
.new-sub dd{width: 1.6rem;transform: translateX(1.6rem); opacity: 0; transition: 0.3s; transition-delay: var(--s);}
.new-sub dl.flex-jcc dd{margin: 0 0.175rem;}
.new-sub dl.flex-jcfs dd:not(:last-child){margin-right: 0.35rem;}
.active .new-sub dl:not(.show) dd{transform: translateX(0); opacity: 1;}
.new-sub dd p{margin:1em 0 0 0;color: #7f7f7f;font-weight: 100; font-size: var(--font-size16);}
.new-sub dd a:hover p{color: var(--hover-color);}
.new-sub .cate-list{position: relative;z-index: 1;}
.new-sub .cate-list dl{transition:opacity 0.3s 0.1s;}
.new-sub .cate-list dl:not(.show){position: absolute;visibility: hidden; left: 0;top: 0;width: 100%; opacity: 0;}
.new-sub .parent-cate{margin-bottom: 0.17rem;display: flex;align-items: center;}
.new-sub .parent-cate a{color: var(--default-color-opacity-60);font-size: var(--font-size14);cursor: pointer;}
.new-sub .parent-cate a.on{color: #965f36;}
.new-sub .parent-cate a + a{margin-left: 0.67rem;}
.active .new-sub .cate-list dl.show dd{transform: translateX(0); opacity: 1;}
.active .new-sub .cate-list  dl:not(.show) dd{transform: translateX(1.6rem); opacity: 0;}
@media (min-width:1025px) {
.is-active-header{background-color:#eeeae5;}
.is-active-header .logo img.white{display: none;}
.is-active-header .logo img.color{display: block;}
.is-active-header .nav .search-btn{background-image: url(../images/search4.svg);}
.is-active-header .menu-icon-wrapper svg path{stroke: var(--default-color) ;}
.is-active-header .nav a:not(:hover),
.is-active-header .menu li > a{color: var(--default-color);}
.is-active-header .menu li  >a:before{background-color: var(--default-color);}
.is-active-header .menu li  >a:hover,
.is-active-header .menu li.aon > a,
.is-active-header .menu li.active > a{color: var(--hover-color);}
.is-active-header .menu li > a:hover:before,
.is-active-header .menu li.aon >a:before,
.is-active-header .menu li.active >a:before{background-color: var(--hover-color);}
}

.home-ban{background-color:#e8e2da;}

.home-intro{background:url(../images/itembg.jpg) no-repeat center top #e8e2da;background-size:100% 100%;padding-bottom:2.38rem;}
.home-intro .slogan-text{padding:0.67rem 0 1.98rem 0;text-align:center;}
.home-intro .slogan-text img{width:calc(1400 / 1920 * 100vw);}
.home-intro [class*=text-]{line-height:calc(28 / 18 * 1em);}
.home-intro .text-1 .info{width:6.09rem;text-align:right;}
.home-intro .text-1 .logo img{height:0.56rem;}
.home-intro .text-1{margin-bottom:1.16rem;}
.home-intro .text-2 .img{width:calc(860 / 1720 * 100%);flex-shrink:0;}
.home-intro .text-2 .info{width:calc(565 / 1720 * 100%);}

.home-title{color:var(--default-color); font-family: var(--fen); font-size: var(--font-size70);line-height:1;text-transform:uppercase; }
.home-title .label{color:rgba(124,99,76,1);display:block;line-height:1;margin-bottom:0.04rem;}
.home-title a{color:var(--default-color);}
.home-title .t1{line-height: calc(80 / 70 * 1em);}
.home-title .t2{font-size: var(--font-size30); font-weight: 100;}
.home-ban .swiper-pagination{ bottom:10%}
.home-ban .swiper-pagination-bullet-active{ background-color:var(--hover-color);}
.home-ban .swiper-button-prev,
.home-ban .swiper-button-next{ color:#fff; opacity:0; transition:all 0.5s;}
.home-ban:hover .swiper-button-prev,
.home-ban:hover .swiper-button-next{ opacity:1; }
.home-ban:hover .swiper-button-prev{ left:5%;}
.home-ban:hover .swiper-button-next{ right:5%;}
@media (max-width:1024px) {
.home-title{font-size: var(--font-size40);}
.home-title .t2{font-size: var(--font-size20);}
}
@media (max-width:480px) {
    .home-title{font-size: var(--font-size40);}
    .home-title .t2{font-size: var(--font-size20);}
}

.home-bigSector{position:relative;z-index:1;overflow:hidden;}
.home-bigSector .home-title a{color:#e8e2da;}
.home-bigSector .txt{position:absolute;z-index:19;left:0;top:calc(235 / 1300 * 100%);width:100%;color:var(--default-color);}
.home-bigSector .txt .home-title{color:var(--default-color);margin-bottom:calc(37 / 70 * 1em);}
.home-bigSector .txt .info{line-height:2; font-weight: 100;}
@media (min-width:1025px) {
    .home-bigSector .auto-inner{padding-left:10.426%;} 
}
@media (max-width:1024px) {
    .home-bigSector .txt .info{max-width: 62%;}
    .home-bigSector .pic{transform: none!important;}
}

.float-contact{position:fixed;right:0;top:0;pointer-events:none;height:100%;z-index:100;}
.float-contact ul{pointer-events:all;background-color:rgba(34,34,34,0.2);}
.float-contact li{position:relative;}
.float-contact li [class*=icon-]{width:0.6rem;height:0.6rem;display:block;background-repeat:no-repeat;background-position:center;background-size:auto 0.2rem;}
.float-contact li:hover [class*=icon-]{background-color:#7c634c;}
.float-contact li .icon-buy{background-image:url(../images/cl/buy.svg);}
.float-contact li .icon-store{background-image:url(../images/cl/store.svg);}
.float-contact li .icon-wx{background-image:url(../images/cl/wx.svg);}
.float-contact li .icon-blog{background-image:url(../images/cl/applets.svg);}
.float-contact li .icon-online{background-image:url(../images/cl/kf.svg);}
.float-contact li .icon-gettop{background-image:url(../images/cl/gettop.svg);}
.float-contact li .icon-back{background-image:url(../images/back_01.png); background-color:#965f36;}
.float-contact li.gettop{cursor: pointer;}
.float-contact li [class*=hover-]{position:absolute;right:100%;top:0;background-color:#7c634c;visibility:hidden;opacity:0;transform:translateX(0.3rem);}
.float-contact li .hover-txt{min-width:1rem;white-space:nowrap;color:var(--white);font-weight:500;line-height:0.6rem;padding:0 0.19rem;text-transform:capitalize;}
.float-contact li .hover-code{width:1.1rem;padding:0.1rem;}
.float-contact li:hover [class*=hover-]{visibility:visible;opacity:1;transform:translateX(0);transition:transform .35s cubic-bezier(.215,.61,.355,1) 0s,opacity .35s cubic-bezier(.39,.575,.565,1) 0s,visibility .35s cubic-bezier(.39,.575,.565,1) 0s;}

.home-prod{position:relative;z-index:4;background:var(--lighter-color);padding-bottom:2.4rem;color:var(--default-color);}
.home-prod .home-title .t1{margin-bottom:calc(12 / 70 * 1em);}
.home-prod .home-title .t1 span{font-size: calc(50 / 70 * 1em);}
.home-prod .info{text-align:right;line-height:calc(28 / 18 * 1em);}
.home-prod .item-1{transform:translateY(-0.6rem);margin-bottom:0.4rem;}
.home-prod .item-1 .pic{width:calc(800 / 1720 * 100%);}
.home-prod .item-1 .con{width:calc(740 / 1720 * 100%);}
.home-prod .item-1 .info{text-align:right;font-weight: 100;}
.home-prod .item-1 .info .cn{ line-height: calc(32 / 18); margin-bottom: calc(24 / 18 * 1em);}
.home-prod .item-1 .info .en{line-height:calc(18 / 14); font-size: var(--font-size14);}
.home-prod .item-2 .left{width:calc(800 / 1720 * 100%);padding-top:1.51rem;}
.home-prod .item-2 .left .inner{max-width:4rem;}
.home-prod .item-2 .home-title{margin-bottom:1rem; text-transform: none;}
.home-prod .item-2 .right{width:calc(840 / 1720 * 100%);}
.home-prod .item-2 .right .info{margin-top:1.46rem;margin-left:calc(326 / 840 * 100%);}
.home-prod .item-2 .right .home-title{margin:0;padding-top:0.8rem;}
.home-prod-list{position:relative;z-index:4;padding-bottom:2.39rem;display:flex;align-items:flex-start;}
.home-prod-list .pic-groups{width:calc(810 / 1920 * 100vw);flex-shrink:0;}
.home-prod-list .pic-groups .list{height:100vh;position:relative;}
.home-prod-list .pic-groups:after{position:absolute;top:0;width:100vw;left:0;background:url(../images/bg.jpg) repeat-y center top;background-size:100% auto;content:'';height:calc(100vh + 2.39rem);}
.home-prod-list .pic{opacity:0;transition:1s cubic-bezier(0.165,0.84,0.44,1);position:absolute;left:0;top:0;width:100%;z-index:4;}
.home-prod-list .pic{height:100vh;overflow:hidden;}
.home-prod-list .pic img{width:auto;max-width:none;height:100vh;}
.home-prod-list .pic.active{opacity:1;display:block;}
.home-prod-list .scroll-list{flex:1;}
@media (min-width:1025px) {
.home-prod .item-1 .home-title{margin-bottom:40%; max-width: 70%;}
.home-prod .item-2 .right .home-title{padding-left:1.2rem;}
}
@media (max-width:1024px) {
    .home-prod{padding: 2rem 0 1rem 0;}
    .home-prod .item-2 .right .home-title{padding-top:1.2rem;}
}
@media (max-width:480px) {
    .home-prod .item-1 .info .cn{font-size: var(--font-size14);}
    .home-prod .item-1 .info .en{font-size: var(--font-size12);}
    .home-prod .item-1 .con{width: calc(785 / 1720 * 100%);}
}

.scroll-list .wrap{margin-left:calc(-810 / 1920 * 100vw);}
.scroll-list .items{padding-left:calc(560 / 1720 * 100%);height:100vh;display:flex;align-items:center;position:relative;z-index:5;}
.scroll-list .inside{display:flex;align-items:stretch;justify-content:space-between;}
.scroll-list .inside .img{width:calc(300 / 1160 * 100%);}
.scroll-list .inside .txt{width:calc(740 / 1160 * 100%);display:flex;flex-direction:column;justify-content:space-between;}
.scroll-list .inside .info{text-align:right;line-height:calc(28 / 18 * 1em);margin-left:calc(241 / 740 * 100%);}

.home-prod-list .controls{position:absolute;z-index:10;left:calc(100vw - 0.55rem);top:0;height:100vh;pointer-events:none;display:flex;justify-content:center;flex-wrap:wrap;width:0.1rem;flex-direction:column;}
.home-prod-list .controls a{width:0.1rem;height:0.1rem;border-radius:50%;border:1px solid #7c634c;display:block;margin:0.15rem 0;pointer-events:all;cursor:pointer;}
.home-prod-list .controls a.on{background-color:#7c634c;}

footer{background:var(--default-color);position:relative;z-index:1;padding:1.18rem 0;}
footer .gettop{height:1.18rem;position:absolute;left:0;top:0;width:100%;z-index:10;}
footer .logo{position:absolute;left:0;width:100%;top:0;z-index:2;}
footer .auto-inner{position:relative;z-index:4;}
.f-top{margin-bottom:.6rem;}
.f-top .slogan img{height: 0.73rem;}
.f-top .logo{width:calc(376 / 1720 * 100%);}
.f-search{border-bottom:1px solid var(--white);height:0.72rem;display:flex;align-items:center;}
.f-search .text{flex:1;background:none;border:0;color:var(--white-opacity-10);font-weight:100;}
.f-search .text.focus{color:var(--white);}
.f-search .btn{flex-shrink:0;width:0.4rem;height:0.3rem;background:url(../images/bottom-searchbtn.svg) no-repeat right center;background-size:0.2rem auto;}
.f-bottom{margin-bottom:0.93rem;}
.f-bottom ol{color:var(--white);margin-bottom:calc(46 / 20 * 1em);font-size: var(--font-size20);}
.f-bottom .contact li{line-height:2;position:relative;font-weight: 100;}
.f-bottom .contact li,.f-bottom .contact li a{color:rgba(238, 234, 229, 0.4);transition:.6s;}
.f-bottom .contact li a:hover{color:var(--white)}
.f-bottom .contact li .hover-code{position:absolute;left:100%;width:1.2rem;top:50%;margin-top:-0.6rem;background-color:var(--white);padding:0.05rem;opacity:0;transition:0.5s;visibility:hidden;transform:translateX(0.2rem);}
.f-bottom .contact li:hover .hover-code{opacity:1;;visibility:visible;transform:translateX(0);}
.f-bottom .contact li [class*=icon-]{display:inline-block;width:0.23rem;height:0.2rem;background-position:center;background-repeat:no-repeat;background-size:contain;margin-right:0.07rem;}
.f-bottom .contact li .icon-blog{background-image:url(../images/share-blog.svg);}
.f-bottom .contact li .icon-wx{background-image:url(../images/share-wx.svg);}
.f-bottom .online-store li a{position:relative;display:inline-flex;}
.f-bottom .online-store img{transition:0.3s;display:block; max-height: 0.2rem;}
.f-bottom .online-store img.h{position:absolute;left:0;top:0;opacity:0;}
.f-bottom .online-store li a:hover img.d{opacity:0;}
.f-bottom .online-store li a:hover img.h{opacity:1;}
.copyright{font-size: var(--font-size14); line-height: calc(20 / 14);}
.copyright,
.copyright a{color:rgba(232,226,218,0.4);}
.copyright a{display: inline-block;}
.copyright a:hover{color:var(--white);transition:.6s;}
.copyright nav a:not(:last-child):after{content: '·';margin: 0 0.07rem;color:rgba(232,226,218,0.4);}
.copyright .record{display: flex;align-items: center;flex-wrap: wrap;}
.copyright .record a{margin-left: 0.05rem;}
.copyright .beian{display: inline-flex;align-items: center; }
.copyright .beian:before{display: block;content: '';width: 0.2rem;height: 0.2rem;background: url(../images/beian.png) no-repeat center center; background-size: contain; margin-right: 0.05rem;}
@media (min-width:1025px) {
.f-search{width:calc(400 / 1720 * 100%);}
.f-bottom .contact{flex:1;}
.f-bottom .contact ul:not(:last-child){margin-right:calc(200 / 1920 * 100vw);}
.f-bottom .online-store li{display:flex;justify-content:flex-end;}
.f-bottom .online-store li:not(:last-child){margin-bottom:0.13rem;}
.f-bottom .contact li{display:flex;align-items:center; }
}
@media (max-width:1024px) {
    .f-bottom{text-align: center;}
    .f-bottom ol{margin-bottom:1em;}   
    .f-bottom .contact ul{margin-bottom: 0.3rem;}
    .f-bottom .online-store ul{display: flex;align-items: center; justify-content: center;flex-wrap: wrap;}
    .f-bottom .online-store ol{width: 100%;}
    .f-bottom .online-store li{margin: 0 0.1rem;}
    .copyright .record{margin-bottom: 0.2rem;}
}

/* 20240702 */
.home-block1{padding:3.9rem 0 1rem;background:url(../images/yourart_bg.jpg) no-repeat center center; background-size:cover; position:relative; overflow:hidden;}
.basebg .home-block1{padding:4.3rem 0 1rem;}
.home-block1 .slogan-text{text-align:center; position:absolute; left:0; top:0; width:100%;}
.home-block1 .slogan-text img{width: 100%; display:block; height:auto;}
@media (max-width:1024px) {
    <!-- .home-block1{padding: 1rem 0;} -->
}

.index1{position:relative;z-index:10;font-weight: 100;display:flex; justify-content:flex-end;}
.index1 .tit{position:absolute;right:0;width:100%;text-align:left;top:15%; font-size: var(--font-size24); text-align: right;}
.index1 .img {width:37.917%;}
.index1 .img img{display:block;width:100%; height:auto;}
.index1 .txt{position:absolute; left:0; width:100%;color: var(--default-color); top:50%; transform:translateY(-50%);}
.abbox .index1 .txt{color:#6f4727;}
.index1 .txt .t1{font-size: var(--font-size40);  line-height:1.25em; margin-bottom:0.37rem;font-family: var(--fen);}
.index1 .txt .p{font-size: var(--font-size30); line-height: calc(48 / 30);}
.index1 .txt .tr .logo img{height: 0.56rem;}
.index1 .txt .cont {font-size:var(--font-size18); line-height:2em; font-weight:lighter;}
.index1 .txt .cont p {margin:0;}
.index1 .txt .tags {font-size:var(--font-size24); line-height:calc(50/24); display:flex; flex-wrap:wrap;color:#514239; margin-bottom:0.5rem;}
.index1 .txt .tags span {display:block; margin:0 0.2rem 0.2rem 0; border:1px solid #dad1bf; padding:0 1em; border-radius:1.5em;}
#prod-pin-target .txt{top:28%;}

.index1 .same-title .cn {font-size: var(--font-size30); line-height:1.35em;}
.index1 .same-title .en {font-size: var(--font-size46); line-height:1.135em;}
.index1 .same-title .desc{font-size: var(--font-size18); line-height: calc(32 / 18); margin-top:0.3rem;}
@media (min-width:1025px) {
    .index1 .info {padding:0 2.4rem;}
}
@media (max-width:640px) {
    #prod-pin-target .txt{top:20%;}
}

.indexnews{width:100%;overflow:hidden;height: 100vh;display: flex;align-items: center;justify-content: center;background:var(--lighter-color);}
.is-mousewheel{position: absolute; left: 0;top: 0;width: 100%;height: 100%;z-index: 5;}
#vswiper .swiper{overflow:visible;}
.indexnews .auto-inner{position:relative;}
.indexnews .home-title .t2{font-weight: 400;}
.indexnews .box .txt{overflow:hidden;font-weight: 100;}
.indexnews .box .date{font-weight: 400;}
.indexnews .box .it{line-height:calc(60 / 40);font-size: var(--font-size40);  margin: 0.12rem 0 0.6rem 0;}
.indexnews .box .info{line-height:calc(32 / 18);}
.indexnews .more{position:absolute;left:0;bottom:5%;z-index: 10;width: 100%;display: flex;align-items: center; justify-content: center;}
.indexnews .more a{display: block;padding: 0 3em; line-height: 4; background-color: var(--hover-color);color: var(--white);}

@media (min-width:1025px) {
.indexnews .home-title{position:absolute;right:0;top:0;z-index: 10;}
.indexnews .box{align-items:flex-end;}
.indexnews .box .pic{flex:0 0 auto;width:46.5%;transform-origin:bottom left;transform: scale(0.6); transition: 1s;}
.indexnews .box .txt{transform-origin:left bottom;flex:1 1 auto;padding:0.6rem 10% 0 0.9rem; transform: translate(-35%,100px); transition: 0.5s;}
.indexnews .swiper-slide-active .box .pic{transform: scale(1);}
.indexnews .swiper-slide-active .box .txt{ transform: translate(0,0);}
.indexnews .box .it{max-width:calc(484 / 40 * 1em); }
.indexnews .box .info{max-width:calc(437 / 18 * 1em);}
}
@media (max-width:1024px) {
.indexnews .home-title{text-align: center; margin-bottom: 0.4rem;}
.indexnews .box{display: block; text-align: center;}
.indexnews .box .txt{padding: 0.4rem 0 0;}
.indexnews .more{bottom: 2%;}
.indexnews .more a{line-height: 3;}
}
@media (min-width:641px) and (max-width:1024px) {
 .indexnews .box{width: 60%; margin: 0 auto;}
.indexnews .box .it{font-size: var(--font-size20); margin-bottom: 1.5em;}
.indexnews .box .info{font-size: var(--font-size14);}
.indexnews .box .pic{margin: 0 -0.4rem;}
}
@media (max-width:640px) {
    .indexnews{padding: 20% 0;}
    .indexnews .box .txt{padding: 5vh 10vw 0; transform: none!important;}
}

.ruko{background:var(--lighter-color);margin-top:-1px;position:relative;z-index:10;height:1.5rem;}
.ruko .item{background-size:cover;background-repeat:no-repeat;position:relative;z-index:5;flex-direction:column;height:3rem;justify-content:center;align-items:flex-start;padding:0.3rem 6%;transition:.3s;overflow:hidden;cursor:pointer;}
.ruko .item .url{position:absolute;left:0;top:0; z-index: 2; width: 100%;height: 100%;}
.ruko .item:before,
.ruko .item:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;transition:.3s;}
.ruko .item:before{z-index:-2;background:var(--lighter-color);opacity:1;border:var(--border);}
.ruko .item:hover:before{opacity:0;}
.ruko .item:after{z-index:-1;background:linear-gradient(90deg,#9a663f 20%,transparent);opacity:0;}
.ruko .item:hover:after{opacity:1;}
.ruko .item:hover{color:var(--white);}
.ruko .item .ico{flex:0 0 auto;max-width:0.6rem;margin-right:0.3rem;transition:.3s;overflow:hidden;}
.ruko .item .itxt{flex:1 1 auto;overflow:hidden;}
.ruko .item .it{margin-bottom:0.2rem; font-size: var(--font-size40);}
.ruko .item .ip{display: flex;align-items: center; flex-wrap: wrap;position: relative;z-index: 5;}
.ruko .item .ip a{margin-right:calc(25 / 18 * 1em);display:block;  font-weight: 100; position: relative;}
.ruko .item .ip a:after{position: absolute; content: '';width: 0;left: 50%;transform: translateX(-50%);height: 1px;background-color: var(--white); transition: 0.3s; bottom: 0; opacity: 0;}
.ruko .item .ip a:hover:after{width: 100%; opacity: 1;}
.ruko .item .ico img{max-width:0.6rem;margin-right:0;}
.ruko .item:hover .ico{max-width:0;}
@media (min-width:1025px) {
    .ruko .box{align-items:stretch;justify-content:space-between;}
    .ruko .item{flex:0 0 auto;width:50%;}
}
@media (max-width:1024px) {
    .ruko .box{display: block;}
    .ruko .item{height: 1.5rem;}
    .ruko .item:last-child:before{border-top: 0;}
}

.ruko + footer .gettop{top: 1.5rem;}

.bantxt{position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;color:var(--white);font-weight: 100; font-size: var(--font-size24);}
.bantxt .t1{margin-bottom:calc(118 / 24 * 1em);}
.bantxt .t1 img{max-width: 3.25rem; width: 60%;}
.bantxt .t2{font-size:calc(76 / 24 * 1em);margin-bottom:calc(35 / 76 * 1em); }
@media (max-width:640px) {
    .bantxt{font-size: var(--font-size18);}
}

.bantxt .auto-inner>div{position:relative;top:0.5rem;opacity:0;transition:.3s;}
.swiper-slide-active .bantxt .auto-inner>div{top:0;opacity:1;transition-delay:.3s;transition:.8s;}
.bantxt .auto-inner>div:nth-child(2){transition-delay:.4s;}
.bantxt .auto-inner>div:nth-child(3){transition-delay:.5s;}
.bantxt.center{justify-content:center;}
.play{width:1rem;height:1rem;display:inline-block;cursor:pointer;border-radius:50%;background:#935e36 url(../images/play.svg) no-repeat center;flex:0 0 auto;}
.bantxt video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover; }
.swiper-fade .swiper-slide{background:var(--white);}
.ruko+footer{padding-top:2.68rem;}
@media (max-width:640px) {
    .bantxt video{display:none;}
}

.pbanner{position:relative; overflow: hidden;}
.pbantxt{position:absolute;left:0;bottom:calc(101 / 760 * 100%);width:100%;z-index:10;color: var(--white); line-height: 1;}
.pbantxt.default{color: var(--default-color);}
.pbantxt .cn-2,
.pbantxt .en{font-size: var(--font-size70); font-family: var(--fen); text-transform: uppercase; }
.pbantxt .en{margin-bottom: 0.13rem;}
.pbantxt .cn-2{margin-top: 0.13rem;}
.pbantxt .cn-l,
.pbantxt .cn{font-size: var(--font-size30);}
.pbantxt .cn-l{font-weight:100;}
.prod-ban-txt{position: absolute; left: 0;top: 0;height: 100%;width: 100%;z-index: 20; font-size: 1rem;}
.prod-ban-txt .tit{max-width: 655px; width: 50%; font-family: var(--fen);}
.prod-ban-txt .lb{flex-shrink:0;background:var(--hover-color);color:var(--white);border-radius:0.04rem; font-size: 0.3em; line-height: calc(40 / 30); min-width: calc(50 / 30 * 1em);text-align: center; margin-right: 1em; font-family: var(--fen); padding: 0 0.1rem;}
.prod-ban-txt .en{font-weight: 100;font-family: var(--fen);font-size:0.7em; line-height: calc(80 / 70); margin-top: calc(-15 / 70 * 1em);}
.prod-ban-txt .cn{font-size: 0.56em; font-weight: 100; margin-top: calc(-10 / 56 * 1em);width: max-content;}
.prod-ban-txt .en + .cn{margin-top: 0.07em;}
.prod-ban-txt .desc{font-size: 0.24em;letter-spacing: calc(6 / 24 * 1em); margin-top: calc(39 / 24 * 1em);font-weight: 100;}
@media (max-width:1024px) {
    .prod-ban-txt{font-size: 0.5rem;}
    .prod-ban-txt .tit{max-width: 60%;width: auto;}
}

.imouse{position:absolute;left:0;bottom:calc(25 / 760 * 100%);width:100%;background:url(../images/icon-mouse.svg) no-repeat center;background-size:contain;height:0.3rem;z-index:10;animation:mouse 2s linear infinite;}
@keyframes mouse{0%,100%{transform:translateY(-0.1rem);}
50%{transform:translateY(0);}
}
@media (max-width:1024px) {
 .pbanner > img{max-width: none;width: 160%;margin-left: -30%;}
 .pbantxt .en{font-size: var(--font-size36);}
.pbantxt .cn{font-size: var(--font-size16);}
}

.w50{width:50%;}
.pd180{padding-top:1.8rem;padding-bottom:1.8rem;}
.pd150{padding-top:1.5rem;padding-bottom:1.5rem;}
.pb0{padding-bottom:0 !important;}
.pt0{padding-top:0 !important;}
.w1440{width:75%;margin:0 auto;}
@media (max-width:1024px) {
    .w1440{width: 92%;}
    .pd180{padding-top:0.8rem;padding-bottom:0.8rem;}
    .pd150{padding-top:0.5rem;padding-bottom:0.5rem;}
}
.txt-right{text-align:right;}
.sectitle{margin-bottom:0.4rem;}
.sectitle .en{margin-bottom:0.24rem;}
.basebg{background-color:var(--lighter-color);}
.em1{display:inline;padding:0 0.5em;}
.mb40{margin-bottom:0.4rem;}
.imgtxt{position:relative;z-index:1;overflow:hidden;}
.imgtxt .txt .t2{margin-top:0.2rem;max-width:25em;line-height:1.7;}
.imgtxt .sectitle{margin-bottom:1.1rem;}
.imgtxt .sectitle~.p{margin-bottom:0.2rem;}
.imgtxt .sectitle~.p2{line-height:1.7;max-width:27em;}
@media (min-width:1025px) {
.imgtxt .txt{position:absolute;z-index:5;left:0;top:27%;width:100%;}
.imgtxt .txt.right .w1440{padding-left: calc(864 / 1920 * 100%);}
}

.same-vpro{position:relative;z-index:10;width:100%;overflow:hidden; padding-top: 1.6rem; min-height: 100vh;display: flex;align-items: center; justify-content: center; color:var(--color2);}
.same-vpro .same-title .cn {font-size: var(--font-size30); line-height:1.35em;}
.same-vpro .same-title .en {font-size: var(--font-size46); line-height:1.135em;}
.same-vpro .same-title .desc{font-size: var(--font-size18); line-height: calc(32 / 18); margin-top:0.3rem;}
.same-vpro .same-title{margin-bottom: 0.34rem;}
.same-vpro .left li{font-weight: 100;cursor: pointer; line-height:2.222em;}
.same-vpro .left li.active:after{opacity: 1;}
.same-vpro .box{position: relative;z-index: 1;}
.same-vpro .box .name{margin-top: 0.3rem;font-weight: 100; height: 1.2em;}
.same-vpro .txt{padding-top: calc(69 / 960 * 100vh);font-weight: 100; max-width: 610px;}
.same-vpro .txt .t1{font-size: var(--font-size24); margin-bottom: 1em;}
.same-vpro .txt p{line-height: calc(30 /18);}
@media (min-width:1025px) {
.same-vpro .left{ padding-bottom: calc(0.3rem + 1.2em); width: calc(597 / 1920 * 100%); flex-shrink: 0;}  
.same-vpro .box{flex:1}
.same-vpro .left ul{border-left: 1px solid var(--default-color-opacity-10); padding-left: 0.3rem;}
.same-vpro .left  li{display: table;position: relative;}
.same-vpro .left  li:after{position: absolute; content: ''; left: -1em;right: -1em;top: 0; bottom:0; border-radius: 1.112em; border: 1px solid var(--default-color-opacity-60);opacity: 0;transition: 0.3s;}
.same-vpro .box .main-swiper{width: calc(1223 / 1122 * 100%); overflow: hidden;}
.same-vpro .box .swiper{width:9.6rem;}
.same-vpro .box .swiper-slide{padding-right:0.4rem;}
}
@media (max-width:1024px) {
.same-vpro{padding-top: 0.8rem;}
.same-vpro .same-title{margin-bottom: 0.4rem; transform: none!important;}
.same-vpro .left ul{border-top: 1px solid var(--default-color-opacity-10); padding: 0.2rem 0; display: flex; flex-wrap: wrap;align-items: center;}
.same-vpro .left  li{border: 1px solid transparent;padding: 0.2em 1em;}
.same-vpro .left  li.active{border-color: var(--default-color-opacity-60);border-radius: 1em;}
}
@media (min-width:481px) and (max-width:1024px){
.same-vpro .box .swiper-slide{padding: 0 20%;}
}

.parameters{padding-bottom:1.02rem;position: relative;z-index: 30;}
.parameters .hd{padding-bottom:0.8rem;margin-bottom:.4rem;border-bottom:var(--border);align-items:flex-end;}
.parameters .hd .sectitle{flex:1 1 auto;margin-bottom:0;overflow:hidden;padding-right:0.4rem;}
.basebtns{flex:0 0 auto;}
.basebtns .btn{flex:0 0 auto;width:2.5rem;text-align:center;cursor:pointer;margin-left:0.1rem;border:var(--border);line-height:calc(48 / 18);transition:.3s;}
.basebtns .btn:hover,
.basebtns .btn.on{background:var(--hover-color);color:var(--white);border-color:var(--hover-color);}
.basebtns .btn.on:hover{border-color:#7d4e2b;background:#7d4e2b;}
.parameters .bd{padding-bottom:0.3rem;}
.parameters .bd table{width:100%;}
.parameters .bd td{font-size:var(--font-size16);padding:0.1rem 0.2rem 0.1rem 0;height:0.5rem; font-weight: 100;}
.linebtns .line{flex:1 1 auto;border-bottom:var(--border);margin-right:0.4rem;}
@media (min-width:1025px) {
.parameters .bd .br{flex:0 0 auto;width:calc(600 / 1440 * 100%);}
.parameters .bd .bl{flex:1 1 auto;overflow:hidden;max-width:50%;}
}
@media (max-width:1024px) {
    .parameters{padding:0.6rem 0;}
    .parameters .same-title{margin-bottom: 0.3rem;}
    .parameters .hd{padding-bottom: 0.4rem;}
    .parameters .bd td{width: 50%;}
    .parameters .hd .basebtns{justify-content: flex-start;}
    .parameters .hd .basebtns .btn{margin-right: 0.1rem;}
    .parameters .bd .br{text-align: center; padding: 0.3rem 0;}
}

.interest{padding-bottom: 1.68rem;}
.interest .same-title{margin-bottom: 0.2rem;}
.interest .swiper-main{position: relative;z-index: 1}
.interest .swiper{margin: 0 -0.28rem;}
.interest .swiper-slide a{display: block; margin: 0 0.28rem; font-size: var(--font-size16); padding-top: 0.27rem;}
.interest .model{font-family: var(--fen); font-weight: 500; margin-top: 0.3rem;}
.interest .name{font-weight: 100; margin-top: 0.05rem;}
.interest .img{transition: 0.3s;}
.interest .swiper-slide a:hover .img{box-shadow:0 0 0.27rem rgba(var(--color),0.4);}
.interest .controls a{width: 0.7rem;background-color:rgba(var(--color),0.5); background-position: center center; background-repeat: no-repeat; background-size: auto 40%;  cursor: pointer; height: 0.7rem; border-radius: 50%;}
.interest .controls a.prev{background-image: url(../images/page/prev-on.svg);}
.interest .controls a.next{background-image: url(../images/page/next-on.svg); }
@media (min-width:1025px) {
    .interest .controls a{position: absolute; top: 50%;margin-top: -0.35rem;}
    .interest .controls a.prev{ left: calc((100vw - 100%) / -4 - 0.35rem);}
    .interest .controls a.next{right: calc((100vw - 100%) / -4 - 0.35rem);}
}
@media (max-width:1024px) {
    .interest{padding-bottom: 0.8rem;}
    .interest .same-title{text-align: left;}
    .interest .controls a{width: 0.5rem;height: 0.5rem;}
    .interest .controls a + a{margin-left: 0.2rem;}
    .interest .controls{position: absolute;right: 0;display: flex;align-items: center; justify-content: center; bottom: calc(100% + 0.2rem - 0.25rem);}
}

.nav-menu{padding:0.68rem 0 0.5rem 0;}
.nav-menu ul{flex-wrap: wrap;}
.nav-menu li{margin-bottom: 1em;}
.nav-menu li a{display: table;position: relative; line-height: calc(26 / 18);font-weight: 100;}
.nav-menu li a:hover,
.nav-menu li.aon a{color: var(--hover-color);}
.nav-menu li a:after{position: absolute; content: ''; width: 0;height: 2px;background-color: var(--hover-color); left: 50%;transform: translateX(-50%);bottom: 0; transition: 0.3s;}
.nav-menu li a:hover:after,
.nav-menu li.aon a:after{width: 100%;}
.nav-menu ul.flex-ac li:not(:last-child){margin-right: calc(30 / 1920 * 100vw);}
.nav-menu ul.flex-jcc li + li{margin-left: calc(70 / 1920 * 100vw);}
@media (max-width:1024px) {
    .nav-menu ul.flex-ac li{width: calc(100% / 5);}
}

#centerNav li{margin-left: calc(68 / 18 * 0.5em);margin-right: calc(68 / 18 * 0.5em);}

.project{padding-bottom: 2.28rem;}
.project .box1{padding:0 0.45rem;position:relative;z-index: 1; margin-bottom: 70%;}
.project .items{align-items:stretch;flex-wrap:wrap;justify-content:flex-start;padding-bottom:15%;}
.project .item{flex:0 0 auto;position:relative;}
.project .item .it{text-align:center;margin-top:0.2rem;}
.project .item > a{display:block;position:relative;}
.project .box2 .tit{text-align:center;margin-bottom:0.54rem; font-size: var(--font-size30); font-weight: 100;}
.project .item .pic{aspect-ratio:1;overflow:visible;transform-origin:top;}
.project .item .pic .img{display:flex;justify-content:center;height:100%;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%); position: relative;}
.project .item .pic img{max-width:none;height:100%;}
.project .item#itemshow .pic img{opacity: 0;}
.last-swiper{position: absolute; left:-20%;width: 140%;height: 100%;z-index: 5;top: 0;display: flex; justify-content: center;}
.last-swiper .swiper{width: calc(1920 / 1425 * 100%); }
.last-swiper :where(.swiper,.Ispic){height: 100%;}
.last-swiper-btn{position: fixed; top: 0;left: 0;width: 100%;pointer-events: none;display: flex; justify-content: space-between;align-items: center; height: 100%;z-index: 10; padding: 0 0.7rem;opacity: 0; visibility: hidden;}
.last-swiper-btn a{width: 1rem;height: 1rem; border-radius: 50%;display: block; cursor: pointer;pointer-events:all; background-position: center center;background-repeat: no-repeat;background-size: auto 40%; transition: 0.3s;}
.last-swiper-btn a:hover{background-color: var(--hover-color); }
.last-swiper-btn a.prev{ background-image: url(../images/page/prev-on.svg);}
.last-swiper-btn a.next{background-image: url(../images/page/next-on.svg);}
@media (min-width:1025px) {
.project .item{width:calc((100% - 0.6rem * 2) / 3);margin-bottom:0.6rem;}
.project .item:not(:nth-child(3n)){margin-right:0.6rem;}
.project .item:nth-child(3n+2) > a{top:36.845%;}
.project .item:nth-child(3n+1) > a{transform-origin:right center;}
.project .item:nth-child(3n+2) > a{transform-origin:center;z-index:10;}
.project .item:nth-child(3n+3) > a{transform-origin:left center;}
}
@media (max-width:1024px) {
.project{padding-bottom:1rem;}
.project .item{width:calc((100% - 0.3rem ) / 2);margin-bottom:0.3rem;}
.project .item:not(:nth-child(2n)){margin-right:0.3rem;}   
.project .item:nth-child(2n) > a{transform-origin:left center;}
.project .item:nth-child(2n-1) > a{transform-origin:right center;}
.project .box1{margin-bottom: 0!important;}
.project .item .pic{transform: none!important;}
.project .item .pic .img{clip-path: polygon(0 0,100% 0,100% 100%,0 100%)!important;}
.project .item .it{top: auto!important;transform: none!important; color: var(--default-color)!important;}
}

.brands{flex-wrap:wrap;align-items:stretch;justify-content:flex-start; --brand:0.35rem;--brand-n:5}
.brands .i{justify-content:center;align-items:center;flex:0 0 auto;position:relative;z-index:1;transition:.3s; width:calc((100% - var(--brand) * (var(--brand-n) - 1)) / var(--brand-n));}
.brands .i:before{position: absolute; content: ''; left: 0;top: 0;width: 100%;height: 100%;border:var(--border);transition:.3s;}
.brands .i:hover{box-shadow:0 0 0.27rem rgba(var(--color),0.4);}
.brands .i:hover:before{border-color:#9a663f;}
.brands .i img{width:100%;height:100%;background-size:cover;}
@media (min-width:1025px) {
.brands .i:nth-child(5) ~ .i{margin-top: var(--brand);}
.brands .i:not(:nth-child(5n)){margin-right:var(--brand);}
}
@media (max-width:1024px) {
.brands{--brand:0.3rem;--brand-n:2}
.brands .i:nth-child(2) ~ .i{margin-top: var(--brand);}
.brands .i:not(:nth-child(2n)){margin-right:var(--brand);}
}

.detailtop{overflow:hidden;padding: 1.6rem 0;}
.detailtop .im{position:relative;z-index:5;}
.detailtop .txt{padding:3% 0;  flex-shrink: 0;font-weight: 100;}
.detailtop .txt .tit{font-size: var(--font-size40); margin-bottom: 2em;}
.detailtop .txt .rel{padding-bottom:0.37rem;margin-bottom:0.5rem;border-bottom:var(--border);}
.detailtop .txt .rel .rr a{padding-right:0.32rem;background:url(../images/icon-next.svg) no-repeat right center; background-size: 0.09rem 0.14rem;position: relative;z-index: 1;}
.detailtop .txt .rel .rr a:hover{color: var(--hover-color);}
.detailtop .txt .rel .rr a:before{position: absolute; content: ''; height: 1px;background-color: var(--hover-color); left: 0;width: 0;bottom: 0; transition: 0.3s;}
.detailtop .txt .rel .rr a:hover:before{width: 100%;}
.detailtop .txt .rel .rl{font-size: var(--font-size16);}
.detailtop .txt .p{line-height:calc(32 / 18);}
.detailtop .img video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:1;display:none;}
.detailtop .img .play{position:absolute;left:50%;top:50%;z-index:5;margin-left:-0.75rem;margin-top:-0.75rem;}
@media (min-width:1025px) {
.detailtop .im{width: 50%;}
.detailtop .img{position:absolute;right:0;top:0;height:100%;width:calc(960 / 720 * 100%);overflow:hidden;}
.detailtop .img img{width:100%;height:100%;object-fit:cover;}
.detailtop .im:before{content:"";display:block;padding-bottom:calc(640 / 720 * 100%);}
.detailtop .txt{width: calc(560 / 1440 * 100%);}
.detailtop .txt .rel .rr{flex-shrink: 0; max-width: 50%;}
.detailtop .txt .rel .rl{flex:1;margin-right:2em; }
}
@media (max-width:1024px) {
    .detailtop{padding: .6rem 0;}
    .detailtop .txt .rel .rl{margin-bottom: 1em;}
    .detailtop .txt .tit{margin: 1em 0 0.5em 0;}
}

.contentPrev{padding-bottom:0.8rem;border-bottom:var(--border);align-items:stretch;}
.contentPrev .cr .link{flex-direction:row-reverse;text-align:right;}
.contentPrev .link .Ispic{flex-shrink: 0;width:1.28rem;height:1.28rem;}
.contentPrev .link .ltxt{flex:1;overflow:hidden;padding:0 0.4rem;line-height:calc(30 / 16); font-size: var(--font-size16); font-weight: 100;}
.contentPrev .link .ico{flex-shrink: 0;width:calc(127 / 720 * 100%);height:1.28rem;background:url(../images/icon-prev.svg) no-repeat center;background-size: auto 0.13rem;}
.contentPrev .cr .link .ico{background-image:url(../images/icon-next.svg);}
@media (min-width:1025px) {
    .contentPrev > div{flex-shrink: 0;width:50%;}
    .contentPrev .cr .link{border-left:var(--border);}
}
@media (max-width:1024px) {
    .contentPrev .cr .link{border-top:var(--border);}
}

.relapro{margin-top:0.9rem; padding-bottom: 1.4rem;}
.relapro .tit{margin-bottom:calc(40 / 30 * 1em);text-align:center; font-size: var(--font-size30); font-weight: 100;}
.relapro .items{justify-content:flex-start;align-items:stretch;flex-wrap:wrap;--items:4;--items-mr:0.53rem}
.relapro .item{width:calc((100% - var(--items-mr) * (var(--items) - 1)) / var(--items));}
.relapro .item .img{transition:.3s;}
.relapro .item:hover .img{box-shadow:0 0 0.27rem rgba(var(--color),0.4);}
.relapro .item .it{padding: 0.3rem 0;font-size: var(--font-size16);}
.relapro .item .model{font-family: var(--fen); font-weight: 500; }
.relapro .item .name{font-weight: 100; margin-top: 0.1rem;}
@media (min-width:1025px) {
    .relapro .item:not(:nth-child(4n)){margin-right:var(--items-mr);}
    .relapro .item:nth-child(4) ~ .item{margin-top: var(--items-mr);}
}
@media (max-width:1024px) {
    .relapro .items{--items:2;--items-mr:0.4rem}
    .relapro .item:not(:nth-child(2n)){margin-right:var(--items-mr);}
    .relapro .item:nth-child(2) ~ .item{margin-top: var(--items-mr);}
}

.pbanner .h100{height:100vh;object-fit:cover;}
.imgtxtbt{overflow:hidden;position:relative;z-index:5;}
.imgtxtbt .txt{position:absolute;left:0;bottom:calc(101 / 960 * 100%);width:100%;z-index:10;color:var(--white);font-weight: 100;}
.imgtxtbt .txt .t1{font-size: var(--font-size30); line-height:1.5em; font-weight:lighter; margin-bottom:0.11rem;}
.imgtxtbt .txt .t2{font-family: var(--fen); font-size: var(--font-size46); line-height:1.304em; font-weight: 400; text-transform: uppercase; margin-bottom:0.03rem;}
.imgtxtbt .txt .t3{max-width:35em; line-height: calc(30 / 18);}
.bantxt2{position:absolute;left:0;bottom:calc(101 / 960 * 100%);width:100%;z-index:20;font-weight: 100; line-height: 1; color:var(--white);}
.bantxt2 .t1 {font-weight:lighter;font-size: var(--font-size30); line-height:1.75em;}
.bantxt2 .t3 {font-family: var(--fen);font-size: var(--font-size46); line-height:1.13em; text-transform:uppercase; margin-bottom:0.11rem;}
.bantxt2 .t2{font-weight:lighter; line-height:1.5em;}
@media (max-width:768px) {
    .imgtxtbt .txt .t2{font-size: var(--font-size60);}
    .imgtxtbt .pic{margin: 0 -1rem;}
}

.since{text-align:center; padding: 1.59rem 0 1.6rem 0; font-weight: 100;color: var(--color2); background:#d1caba url(../images/since_bg.jpg) no-repeat center center; background-size:cover;}
.since .t1{ font-size: var(--font-size30); margin-bottom:0.32rem;}
.since .t2{ font-family: var(--fen); font-size: var(--font-size80);}
.since .t3 {font-family: var(--fen); font-size: var(--font-size46); line-height:1.3043em; text-transform:uppercase;}
.since .p{line-height:calc(32 / 18);}
@media (max-width:1024px) {
    .since{padding: 0.6rem 0;}
}

.ab2{position:relative;z-index:10;}
.ab2 .txt {color:var(--color2);}
.ab2 .txt .li{ font-weight: 100;}
.ab2 .txt .li .lt{font-size: var(--font-size30); line-height:1.5em; font-weight:lighter;}
.ab2 .txt .li .en{font-family: var(--fen); font-size: var(--font-size46); line-height:1.304em; font-weight: 400; text-transform: uppercase;}
.ab2 .txt .li .lp{font-size: var(--font-size18); line-height: calc(28 / 18); font-weight:lighter;}
@media (min-width:1025px) {
.ab2 .txt{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;}
.ab2 .txt .li{max-width:50%;}
.ab2 .txt .li:not(:last-child){margin-bottom:0.46rem;}
}
@media (max-width:1024px) {
    .ab2 .txt{margin-top: calc(-700 / 1920 * 100vw);clear: both;}   
    .ab2 .txt .li{margin-bottom:0.5rem;}
    .ab2 .txt .li .en{font-size: var(--font-size40);}
    .ab2 .txt .auto-inner{display: flex;flex-wrap: wrap; justify-content: space-between;}
    .ab2 .txt .auto-inner .li{width: 100%;}
    .ab2 .txt .auto-inner .li:nth-child(n+3){width: 48%;}
    .ab2 .txt .li .lp{font-size: var(--font-size16);}
}

[class*=same-title]{font-size: var(--font-size30); font-weight: 100;}
[class*=same-title] + .sub-title{padding-bottom: 0.05rem;}
[class*=same-title] .cn {}
[class*=same-title] .cn + .en{margin-top: 0.06rem; }
[class*=same-title] .en{font-family: var(--fen); font-size: var(--font-size50); font-weight: 400; text-transform: uppercase; line-height: calc(60 / 50);}
[class*=same-title] .en + .desc{margin-top: 0.23rem;}
[class*=same-title] .desc{line-height: calc(50 / 30);}
[class*=same-title] .en + .cn{margin-top: 0.12rem;}
.same-title-right{text-align: right;}
.same-title-white{color: var(--white);}
.brandAbout{padding-bottom: 1.83rem;}

.ab3 .same-title { line-height:1.5em;color:var(--color2);}
.ab3 .same-title .cn {font-weight:lighter;}
.ab3 .same-title .en {font-size: var(--font-size46);line-height: calc(60 / 46); margin-top:0.02rem;}
.ab3 .desc{line-height: calc(30 / 18); font-size:var(--font-size18); margin-top:0.28rem;}
@media (min-width:1025px) {
.ab3 .img{flex-shrink: 0;width: calc(1000 / 1720 * 100%);}
.ab3 .txt{flex:1;padding-left:1.39rem;} 
}
@media (max-width:1024px) {
    .ab3{padding: 0.7rem 0;}
    .ab3 .txt{background-color: var(--lighter-color); padding-top: 0.4rem;text-align: center;}
    .brandAbout{padding-bottom: 0.8rem; padding-top: 0;}
    .brandAbout .same-title{margin-top: 0.5rem;}
}


.team{background:var(--default-color);color:var(--white);padding: 1.58rem 0;}
.atitle{margin-bottom:1.6rem;}
.atitle .tr{font-weight: 100;}
.atitle .t4,
.atitle .tr{text-align:right;}
.atitle .t3{line-height:calc(32 / 18); margin-bottom: 0.31rem;}
.atitle .t4{line-height:calc(18 / 14); font-size: var(--font-size14);}
@media (min-width:1025px) {
.atitle .tl,
.atitle .tr{flex-shrink:0;max-width:50%;}
}
@media (max-width:1024px) {
    .team{padding: 0.7rem 0;}
    .atitle{margin-bottom:0.8rem;}
}

.teamSlider .swiper-slide{border-right:0.3rem solid transparent;box-sizing:content-box;}
.teamSlider .swiper-slide .it{text-align:center;margin-top: 0.25rem; font-weight: 100;}
@media (min-width:1025px) {
    .teamSlider .swiper-slide{width:calc((100% - (0.3rem * 5))/6);} 
.atitle .flex>.t3{margin-bottom:0;flex:0 0 auto;width:48%;}
.atitle .flex>.t3:first-child{text-align:left;}
}
@media (max-width:1024px) {
    .teamSlider .swiper-slide{width:calc((100% - (0.3rem * 3))/4);} 
    .atitle.flex{display: block;}
}
@media (max-width:768px) {
    .teamSlider .swiper-slide{width:calc((100% - 0.3rem)/2);} 
}
.mb0{margin-bottom:0 !important;}
.ovf{overflow:hidden;}

.intelligent-rd{padding: 1.55rem 0 0 0; color:var(--color2);}
.intelligent-rd .same-title {margin-bottom:0.26rem;}
.intelligent-rd .same-title .en {font-size:var(--font-size46); line-height:1.25em;}
.intelligent-rd .atitle{margin-bottom:0.45rem; align-items:flex-end;}
.intelligent-rd .atitle .t3 {font-weight:lighter;}
@media (max-width:1024px) {
    .intelligent-rd .t3{text-align: center;}
    .intelligent-rd .tr.w50{display: block;width: auto;}
    .intelligent-rd .atitle{text-align: center;}
}

.abbox {background:#d1caba url(../images/abbox_bg.jpg) no-repeat center center; background-size:cover; position:relative;overflow:hidden;}
.abbox > section,.abbox > div {position:relative; z-index:2;}
.abbox:before {position:absolute; left:0; top:0; width:100%; height:100%; display:block; content:''; background-image: linear-gradient(90deg, #fdf6ee 0%, #fdf6ee 100%);}



.artodyssey{width:100%;overflow:hidden;height: 100vh;display: flex;align-items: center;justify-content: center; padding:1.6rem 0; color:var(--color2);}
.artodyssey .auto-inner{position:relative;}
.artodyssey .same-title {margin-bottom:0.2rem;}
.artodyssey .same-title .cn {font-weight:lighter;}
.artodyssey .same-title .en {font-size: var(--font-size46);line-height: calc(60 / 46); margin-top:0.02rem;}
.artodyssey .box .txt{overflow:hidden;font-weight: 100;}
.artodyssey .box .date{font-weight: 400; font-size: var(--font-size46); line-height:1.25em;}
.artodyssey .box .info{line-height:calc(32 / 18);}

@media (min-width:1025px) {
.artodyssey .swiper{width:78%; margin:0;}
.artodyssey .same-title {position:absolute; right:0; top:0;}
.artodyssey .box{align-items:flex-end;}
.artodyssey .box .pic{flex:0 0 auto;width:59.7%;transform-origin:bottom left;transform: scale(0.6); transition: 1s;}
.artodyssey .box .txt{transform-origin:left bottom;flex:1 1 auto;padding:0.6rem; transform: translate(-35%,100px); transition: 0.5s;}
.artodyssey .swiper-slide-active .box .pic{transform: scale(1);}
.artodyssey .swiper-slide-active .box .txt{ transform: translate(0,0);}
.artodyssey .box .info{max-width:calc(437 / 18 * 1em);}
}
@media (max-width:1024px) {
.artodyssey .box{display: block; text-align: center;}
.artodyssey .box .txt{padding: 0.4rem 0 0;}
}
@media (min-width:641px) and (max-width:1024px) {
 .artodyssey .box{width: 60%; margin: 0 auto;}
.artodyssey .box .info{font-size: var(--font-size14);}
.artodyssey .box .pic{margin: 0 -0.4rem;}
}
@media (max-width:640px) {
    .artodyssey{padding: 20% 0;}
    .artodyssey .box .txt{padding: 5vh 10vw 0; transform: none!important;}
}



#hor {background-color:#d1caba;position:relative;}
#hor:before {position:absolute; left:0; top:0; width:100%; height:100%; display:block; content:''; background-image: linear-gradient(90deg, #fdf6ee 0%, #fdf6ee 100%); opacity:0.3;}
.hornor{padding-top:1.3rem;padding-bottom:3.25rem; position:relative; z-index:2; color:var(--color2);}
.hornor .same-title .cn {font-size:var(--font-size30); line-height:1.5em;}
.hornor .same-title .en {font-size:var(--font-size46); line-height:1.1304em; margin-top:0;}
.hornor .txt{text-align:center;max-width:500px;margin:auto;}
.hornor .txt .same-title .desc{font-size: var(--font-size18);line-height: calc(32 / 18); margin-top:0.3rem; margin-bottom:1.33rem;}
.hornor .pics{position:relative;z-index:5;}
.hornor .pics .i:not(:first-child){position:absolute;left:0;top:0;text-align:center;width:100%;}
.hornor .pics .i{line-height:1.1rem;}
.hornor .pics .i img{max-height: 1.61rem;}
@media (max-width:1024px) {
    .hornor{margin-top:0.8rem;padding-bottom:3rem;}
     .hornor .pics .i:not(:first-child){width:100%; left:66%;}
     .hornor .pics .i:not(:first-child) img{width: 22vw;}
     .hornor .pics .i:first-child{padding-top: 0.5rem; width: 50vw;margin: 0 auto;}
     .hornor .pics .i:nth-child(3){left: -66%;}
     .hornor .pics .i:nth-child(4){left: 86%;}
     .hornor .pics .i:nth-child(5){left: -70%;}
}

.Static-menu main{padding: 1.83rem 0 2.27rem 0;}
.Static-menu .same-title{margin-bottom: 0.7rem;}
.Static-menu .same-title .cn{font-weight: 400;}
@media (min-width:769px) {
    .Static-menu .same-title .en{font-size: var(--font-size70);}
}
@media (max-width:1024px) {
    .Static-menu main{padding:1.4rem 0 1rem 0;}
}

.search-list{margin-top:0.99rem;font-weight: 100;}
.search-list .title{ padding-bottom: 0.25rem;border-bottom: var(--border); margin-bottom: 0.39rem;}
.search-list .title .tl{font-size: var(--font-size30);}
.search-list .title .tr i{font-style: normal;color: var(--hover-color);}
.search-list ul.row2{flex-wrap: wrap;}
.search-list ul li a:hover{color: var(--hover-color);}
@media (min-width:769px) {
.search-list ul.row2 li{width: 50%;}
.search-list ul:not(.row2) li + li,
.search-list ul.row2 li:nth-child(2) ~ li{margin-top: 0.25rem;}
}
@media (max-width:768px) {
    .search-list ul li + li{margin-top: 0.25rem;}
    .search-body main{padding: 1.2rem 0;}
}

.product-list .item{margin-bottom: 1rem;}
.product-list .item:nth-child(2n) a{flex-direction: row-reverse;}
.product-list .item a{cursor: default;}
.product-list .item .name{flex-shrink: 0;font-weight: 100; width: calc(257 / 713 * 100%); font-size: var(--font-size40);}
.product-list .item pre{flex: 1; font-weight: 100; line-height: calc(32 / 18);}
.product-list .item .img {position:relative;}
.product-list .item .img .new {display:block; position:absolute; z-index:22; left:1.5em; top:1.5em; border-radius:0.25em; color:#fff; font-size:0.12rem; width:0.4rem; height:0.2rem; text-align:center; line-height:0.2rem; background-color:var(--hover-color);}
@media (min-width:1025px) {
    .product-list .item .img{width: calc(585 / 1440 * 100%);}
    .product-list .item .txt{width: calc(713 / 1440 * 100%);}
}
@media (max-width:1024px) {
    .product-list .item{margin-bottom: 0.5rem;}
    .product-list .item .txt{margin-top: 0.3rem;}
}

.product-list ul{--ulnum:4;--ul_mr:0.53rem; flex-wrap: wrap;}
.product-list li{width: calc((100% - var(--ul_mr) * (var(--ulnum) - 1)) / var(--ulnum)); overflow: hidden;}
.product-list li .img{position: relative;z-index: 1; overflow: hidden;}
.product-list li .img .Ispic{position: absolute;z-index: 10;left: 0;top: 0;width: 100%;height: 100%;background-size: contain;background-color: var(--white); transition: .3s;}
.product-list li:hover .img .Ispic{opacity: 0; visibility: hidden;}
.product-list li .txt{padding: 0.27rem 0; font-weight: 100;font-size: var(--font-size16);}
.product-list li .model{font-weight: 500; font-family: var(--fen);  margin-bottom: 0.1rem;}
.product-list li a {display:block; position:relative;}
.product-list li .new {display:block; position:absolute; z-index:22; left:1.5em; top:1.5em; border-radius:0.25em; color:#fff; font-size:0.12rem; padding:0 0.5em; text-align:center; line-height:calc(20 / 12); background-color:var(--hover-color);}
.product-list .btn a{width: 0.44rem; height: 0.44rem;border: var(--border); border-radius: 50%;font-size: var(--font-size14);display: block;cursor: pointer; transition: 0.3s;}
.product-list .btn a.cancel{background-color: var(--hover-color);color: var(--white);border-color: transparent; display: none;}
.product-list .btn a i{display: flex;align-items: center; justify-content: center;font-style: normal;width: 100%;height: 100%;}
.product-list .btn a:hover{color: var(--white); background-color: var(--hover-color);border-color: var(--hover-color);}
.product-list .btn.is-active .add{display: none;}
.product-list .btn.is-active .cancel{display: block;}
@media (min-width:1025px) {
    .product-list li:nth-child(4) ~ li{margin-top: var(--ul_mr);}
    .product-list li:not(:nth-child(4n)){margin-right: var(--ul_mr);}
}
@media (max-width:1024px) {
    .product-list ul{--ulnum:2;--ul_mr:0.3rem;}
    .product-list li:nth-child(2) ~ li{margin-top: var(--ul_mr);}
    .product-list li:not(:nth-child(2n)){margin-right: var(--ul_mr);}
}

.pages{padding-bottom: 1rem;margin-top: 1rem;display: flex;justify-content: center;align-items: center;}
.Static-menu .pages{padding-bottom: 0;}
.pages .num,
.pages a{display: block;}
.pages a{transition: 0.3s;width: 0.5rem;height: 0.5rem;border-radius: 50%;}
.pages .p_page{display: flex; align-items: center; justify-content: center;}
.pages .a_prev,
.pages .a_next{font-size:0}
.pages .a_prev,
.pages .a_next,
.pages > a{background: url(../images/search-btn.svg) no-repeat center center; background-size: 0.2rem auto;}
.pages .a_prev,
.pages > a.a_prev{transform: rotateY(-180deg);}
.pages .a_prev:hover,
.pages .a_next:hover,
.pages > a:hover{background-image: url(../images/search-btn-hover.svg);}
.pages .num {display: flex;align-items: center;margin: 0 0.2rem;font-style: normal;}
.pages .num a{display: flex;align-items: center; justify-content: center; font-weight: 100;}
.pages a:hover,
.pages .num a.a_cur{background-color: var(--hover-color);color: var(--white);}
.pages .num a + a{margin-left: 0.05rem;}

header.has-bg:not(.up) ~ .prod-contrast{top: 1.01rem;}
.prod-contrast{position: fixed; right: 0;top: 0;bottom: 0;z-index: 110;background-color: #f3f0ec; transition: 0.3s;font-weight: 100; opacity: 0; visibility: hidden;}
.prod-contrast.show{opacity: 1; visibility: visible;}
.prod-contrast .main{height: 100%;width: 4.5rem;overflow: hidden; transition: 0.3s;}
.prod-contrast .opreate{position: absolute;right: 100%;top: 50%;transform: translateY(-50%);background-color: #f3f0ec;padding: 0.5em;border-radius: 0.05rem 0 0 0.05rem;cursor: pointer;}
.prod-contrast .opreate i{position: absolute; content: '';width: 0.3rem;height: 0.3rem;border-radius: 50%;background-color: var(--hover-color);color: var(--white); left: 0; top: 0; opacity: 0;visibility: hidden;display: flex;align-items: center; justify-content: center; font-style: normal;}
.prod-contrast .opreate::before{content: '收起';}
.prod-contrast.shrink .opreate{width: 1rem; height: 1rem;border-radius: 50%;display: flex;align-items: center; justify-content: center; background-color: var(--default-color-opacity-60);}
.prod-contrast.shrink .opreate i{opacity: 1; visibility: visible;}
.prod-contrast.shrink .opreate::before{content: 'VS'; font-family:var(--fen); font-weight: 500;color: var(--white);font-size: var(--font-size20);}
.prod-contrast.shrink .main{width: 0;}
.prod-contrast .inner{width: 4.5rem;display: flex;flex-direction: column;justify-content: space-between;align-items: stretch;height: 100%;}
.prod-contrast .name{font-size: var(--font-size30); padding: 0.6rem;border-bottom: 1px solid rgba(220, 213, 204, 0.5); }
.prod-contrast .list{flex: 1;overflow: auto;pointer-events: auto;}

.prod-contrast .list li{ padding: 0.41rem 0.47rem 0.41rem;}
.prod-contrast .list li:not(:last-child){border-bottom: 1px solid rgba(220, 213, 204, 0.5);}
.prod-contrast .list li .inside{position: relative;z-index: 1;}
.prod-contrast .list li .left{flex: 1; margin-right: 0.1rem;}
.prod-contrast .list li .model{font-family: var(--fen); font-weight: 500; font-size: var(--font-size16);}
.prod-contrast .list li .title{margin-top: 0.1rem;}
.prod-contrast .list li .pic{width: calc(200 / 360 * 100%);flex-shrink: 0;}
.prod-contrast .list li .colse{position: absolute;left: 0;top: 0;width: 0.1rem;height: 0.1rem;background: url(../images/close2.svg) no-repeat center center; background-size: contain; cursor: pointer;}
.prod-contrast .btn{border-top: 1px solid rgba(220, 213, 204, 0.5); padding: 0.5rem 0.65rem;}
.prod-contrast .btn a{display: block;cursor: pointer;width: 100%;background-color: var(--hover-color); line-height: calc(50 / 18);color: var(--white);text-align: center; position: relative;z-index: 2;}
.prod-contrast .btn .tips{position: absolute; bottom: calc(100% + 0.2rem);left: 50%;transform: translateX(-50%);width: max-content;border-radius: 0.05rem; background-color: var(--default-color-opacity-60); color: var(--white); font-size: var(--font-size14); line-height: 1.6;padding: 0 1em; opacity: 0;transition: 0.3s; visibility: hidden;}
.prod-contrast .btn .tips:after{position: absolute; top: 100%;border: 5px solid transparent; border-top-color: var(--default-color-opacity-60); left: 50%;margin-left: -5px; content: '';}
.prod-contrast .btn.is-active .tips{opacity: 1; visibility: visible;bottom: calc(100% + 0.1rem);}
.prod-contrast .btn p{text-align:center;cursor:pointer;width:fit-content;margin:0 auto;padding:.2rem;}
.prod-contrast .btn p:hover{text-decoration:underline;}

.contrast-main{overflow: hidden;}
.contrast-main .same-title .cn{font-size: var(--font-size40);}
.contrast-main .w1440{ padding: 1.62rem 0 2.11rem 0;}
.contrast-main .item-box{display: flex;align-items: stretch;justify-content: space-between;position: relative;z-index: 3; flex-wrap: wrap; overflow: hidden;}
.contrast-main .item-box:not(:last-child){padding-bottom: 0.84rem;}
.contrast-main .item-box + .item-box{padding-top: 0.8rem;}
.contrast-main .item-box:not(:first-child):before{position: absolute; content: '';width: calc(100% - 3.6rem);height: 1px;background-color: var(--border-color); top: 0.6em;right: 0;font-size: var(--font-size30); }
.contrast-main .item-box .left{width: 3.6rem;flex-shrink: 0; margin-right: 1rem;}
.contrast-main .item-box .box{flex: 1;}
.contrast-main .item-box .pic{max-width: calc(320 / 490 * 100%);font-size: var(--font-size16);}
.contrast-main .item-box .model{ font-family: var(--fen); font-weight: 500; margin-top: 0.3rem;}
.contrast-main .item-box .pic .name{font-weight: 100; margin-top: 0.03rem;}
.contrast-main .item-box .left .name{font-size: var(--font-size30); font-weight: 100;position: relative; top: -0.8rem;}
.contrast-main .item-box ul{font-weight: 100; font-size: var(--font-size16); line-height: calc(24 / 16);}
.contrast-main .item-box li{position: relative;padding: 0 0 0 0.13rem;z-index: 1;}
.contrast-main .item-box li:before{position: absolute; content: '·'; left: 0;top: 0;}
.contrast-main .item-box li + li{margin-top: 0.27rem;}
.contrast-main .item-box ol{position: relative;z-index: 2;}
.contrast-main .item-box ol .label{position: absolute; top: 0; }
.contrast-main .item-box ul p{margin: 0; padding-right: 0.5rem; min-height:1.5em}
.contrast-main .item-box ol + ol{margin-top: 2em;}
.contrast-main .item-box ul + .img{margin-top: 0.5rem;}
@media (min-width:1025px) {
 .contrast-main .w1440{position: relative;z-index: 1;}
.contrast-main .w1440:after{position: absolute; right:calc(100% - 3.6rem); width: 100vw; background-color: #f3f0ec; height: 100%;  top: 0; content: '';}  
.contrast-main .item-box ol .label{right: 100%; width: 4.6rem;}
.contrast-main .item-box .box + .box ol .label{display: none;}
}
@media (max-width:1024px) {
    .contrast-main .w1440{ padding: 1rem 0;}
    .contrast-main .item-box .left{width: 100%; margin-right: 0;}   
    .contrast-main .item-box:not(:first-child):before{width: calc(100% - 5em);}
    .contrast-main .same-title{margin-bottom: 0.4rem;}
    .contrast-main .item-box ol .label{left: 0;text-decoration: underline;}
    .contrast-main .item-box ol p{padding-top: 1.8em;}
}

.service-main{overflow: hidden;padding-bottom: 2.29rem;}
.service-main [class*=main-box]{padding-top: 1.4rem;}
.service-main [class*=main-box] .same-title{margin-bottom: 0.6rem;}
@media (max-width:1024px) {
    .service-main{padding-bottom: 1rem;}
    .service-main [class*=main-box]{padding-top:0.7rem;}
}

.main-box-1 .tab{padding-left: 0.35rem; margin-bottom: 1.09rem;}
.main-box-1 .tab li{position: relative;z-index: 3;font-weight: 100;font-size: var(--font-size20);}
.main-box-1 .tab li + li{margin-left: 0.75rem;}
.main-box-1 .tab li a{display: block;position: relative;z-index: 1; cursor: pointer; white-space: nowrap;}
.main-box-1 .tab li:before{position:absolute;content: ''; right: calc(100% - 2em);top: 50%; width: 0.8rem;height: 0.8rem; margin-top: -0.4rem;border-radius: 50%;background-color: var(--hover-color);opacity: 0;visibility: hidden;transform: translateX(-0.2rem); transition: 0.3s;}
.main-box-1 .tab li.is-active:before{opacity: 1;visibility: visible; transform: translateX(0);}
.main-box-1 .tab li.is-active span{color: var(--white);}
.main-box-1 .infos .info,
.main-box-1 .pics ul,
.main-box-1 .pics ul li{display: none;}
.main-box-1 .pics li .Ispic{padding-bottom: calc(600 / 960 * 100%);}
.main-box-1 .info{font-weight: 100;}
.main-box-1 .info li{position: relative;z-index: 4;cursor: pointer;}
.main-box-1 .info li:before{position: absolute;background-color: var(--hover-color); content: ''; transition: 0.3s; opacity: 0; }
.main-box-1 .info li.is-active:before{opacity: 1;}
.main-box-1 .info li p{line-height: calc(32 / 18);display: none; }
.main-box-1 .info li .tit{opacity: 0.6;}
.main-box-1 .info li.is-active .tit{ opacity: 1;}
@media (min-width:1025px) {
.main-box-1 .left{width: calc(550 / 1440 * 100%); padding-top: 1.15rem;} 
.main-box-1 .right{width: 50%;}
.main-box-1 .pics{width: calc(960 / 720 * 100%);}
.main-box-1 .info{border-left: var(--border); }
.main-box-1 .info li{padding-left: 0.34rem;}
.main-box-1 .info li + li{margin-top: 0.38rem;}
.main-box-1 .info li:before{ left: -1px;top: 0;height: 0;width: 1px;}
.main-box-1 .info li.is-active:before{height: 100%;}
.main-box-1 .info li .tit{font-size: var(--font-size24); line-height: calc(52 / 24);}
.main-box-1 .info li.is-active .tit{font-size: var(--font-size30); line-height: calc(52 / 30);}
.main-box-1 .info li:not(:last-child).is-active{margin-bottom: 0.46rem;}
.main-box-1 .info li p{height: calc(32 / 18 * 2em);margin: 0.05rem 0 0 0; }
}
@media (max-width:1024px) {
    .main-box-1 .info ul{display: flex;align-items: stretch;justify-content: space-between;position: relative;z-index: 4;}
    .main-box-1 .info ul li{width:calc(100% / 3);}
    .main-box-1 .info{border-top: var(--border); }
    .main-box-1 .info li:before{ left: -1px;top: 0;height: 1px;width: 0;}
    .main-box-1 .info li.is-active:before{width: 100%;}
    .main-box-1 .info li .tit{font-size: var(--font-size20); line-height:2; text-align: center;}
    .main-box-1 .info li{padding-bottom: 0.3rem;}
    .main-box-1 .info li p{position: absolute; left: 0;top: 100%;width: calc(300%);z-index: 4; padding: 0.3rem 0.2rem 1rem; background: linear-gradient(to bottom,rgba(var(--lighter),1) 40%,rgba(var(--lighter),0) 100%); margin: 0;}
    .main-box-1 .info li:nth-child(2) p{left:-100%;}
    .main-box-1 .info li:nth-child(3) p{left: -200%;}
    .main-box-1 .right{position: relative;z-index: 1;}
}

.main-box-2{padding-top: 2rem;position: relative;z-index: 1;}
.main-box-2 .same-title{position: absolute;right: 0;top: 0;}
.main-box-2 .items-box{flex-wrap: wrap;}
.main-box-2 .item a{display: block;position: relative;z-index: 1; overflow: hidden;}
.main-box-2 .item .pic{position: relative;z-index: 1;}
.main-box-2 .item .pic:before{position:absolute; content: '';bottom: 0;width: 100%;left: 0; height: calc(260 / 660 * 100%);background-image: linear-gradient(to bottom,rgba(var(--color), 0),rgba(var(--color), 1)); opacity: 0; transform: translateY(0.3rem); transition: 0.3s;}
.main-box-2 a:hover .pic:before{ transform: translateY(0);opacity: 0.8;}
.main-box-2 .item .txt{position: absolute; z-index: 4; left: 0;bottom: 0;width: 100%; padding: 0.4rem;color: var(--white);font-weight: 100; transition: transform 0.3s;}
.main-box-2 .item .tit{font-size: var(--font-size24);}
.main-box-2 .item p{margin: 0.13rem 0 0 0; line-height: calc(32 / 18); opacity: 0;transition: 0.3s 0.2s;transform: translateY(0.2rem);}
.main-box-2 a:hover p{opacity: 1;transform: translateY(0);}
@media (min-width:769px) {
.main-box-2 .item{width: calc(600 / 1440 * 100%);}
.main-box-2 .item:nth-child(2) ~ .item a{margin-top: -0.4rem;}
.main-box-2 .item:nth-child(2n){margin-top: 2rem;}
.main-box-2 .item .txt{transform: translateY(0.5rem);}
.main-box-2 a:hover .txt{transform: translateY(0);}
.main-box-2 .item:nth-child(2) ~ .item a:not(:hover) .txt{color: var(--default-color);}
}
@media (min-width:769px) and (max-width:1024px){
 .main-box-2 .item{width: calc(680 / 1440 * 100%);}
.main-box-2 .item:nth-child(2n){margin-top: 1rem;}
}
@media (max-width:768px) {
    .main-box-2 .item{width: 48%;}  
    .main-box-2 .item:nth-child(2n){margin-top: 4%;}
    .main-box-2 .item .txt{padding: 0.2rem;}
    .main-box-2 .item .txt p{display: none;}
    .main-box-2 .items-box{margin-top: 0.5rem;}
    .main-box-2 .item .pic:before{opacity: 1;}
}

.main-box-3 .title-area{margin-bottom: 0.58rem;}
.main-box-3 .same-title{margin-bottom: 0!important;}
.main-box-3 .title-area .desc{ line-height: calc(32 / 18);font-weight: 100;}
.main-box-3 .pic{position: relative;z-index: 1; overflow: hidden;}
.main-box-3 .txt{position: absolute; left: 0;width: 100%;bottom: calc(60 / 820 * 100%);z-index: 10; color: var(--white);font-weight: 100;}
.main-box-3 .txt p{margin: 0.2rem 0 0 0;text-align: center;}
.main-box-3 .txt .num{display: flex;align-items: stretch;}
.main-box-3 .txt .unit{display: flex;flex-direction: column; justify-content: space-between; margin-left: 0.14rem;}
.main-box-3 .txt .counter{font-size: var(--font-size70); line-height: calc(52 / 70);}
@media (min-width:1025px) {
    .main-box-3 .title-area .desc{width: calc(536 / 1440 * 100%);flex-shrink: 0;}
}
@media (max-width:1024px) {
    .main-box-3{overflow: hidden;}  
    .main-box-3 .pic a{display: block;margin: 0 -20vw;}
    .main-box-3 .txt .counter{font-size: var(--font-size40); line-height: calc(32 / 40);}
}

.main-box-4 .list{flex-wrap: wrap;}
.main-box-4 li{position: relative;z-index: 1;}
.main-box-4 li:before{position: absolute; content: '';left: 0;bottom: 0;width: 100%;height: 0; background: linear-gradient(to bottom,rgba(var(--color), 0),rgba(var(--color), 0.05)); transition: 0.4s;}
.main-box-4 li:hover:before{height: 100%;}
.main-box-4 li a{display: block; padding: 1rem 0 1.39rem 0;font-weight: 100;text-align: center;position: relative;z-index: 3;}
.main-box-4 li .icon{display: flex;align-items: center; justify-content: center; position: relative;z-index: 2; width: 1.3rem; margin: 0 auto 0.55rem;}
.main-box-4 li .icon:before{position: absolute; content: ''; left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;border: 1px dashed var(--default-color);}
.main-box-4 li .icon img{height: 1.3rem;}
.main-box-4 li .tit{font-size: var(--font-size24); margin-bottom: 0.3rem;}
.main-box-4 li p{margin: 0 1em;}
.main-box-4 li a:hover .icon:before{animation: zhuan infinite 10s linear;}
@keyframes zhuan {
    to{transform: rotate(360deg);}
}
@media (min-width:769px){
    .main-box-4 li{width: calc(100% / 3);}
}
@media (min-width:769px) and (max-width:1024px) {
    .main-box-4 li .icon{width: 0.9rem; margin-bottom: 0.3rem;}
    .main-box-4 li .icon img{height: 0.9rem;}
    .main-box-4 li .tit{font-size: var(--font-size18);}
    .main-box-4 li p{font-size: var(--font-size14);}
}
@media (max-width:1024px) {
    .main-box-4 li a{padding: 0.5rem 0;}
}
@media (max-width:768px) {
    .main-box-4 li:before{height: 100%;}
}

.main-box-5{padding-top: 1.2rem;}
.main-box-5 .img{transform-origin: 0 0; position: relative;}
.main-box-5 .img .name{position: absolute; left: 0;top: 100%;width: 100%; text-align: right; font-size: 0.6rem; font-weight: 100;margin-top: 0.5em;}
.main-box-5 .txt{ font-weight: 100; }
.main-box-5 .txt .tit{font-size: var(--font-size30);}
.main-box-5 .txt p{max-width: 20em; line-height: calc(32 / 18);margin: 0.2rem 0 0 0;}
.main-box-5 .swiper{padding-bottom: 0.19rem;pointer-events: auto;}
.main-box-5 .controls:before{position: absolute; left: 1.65rem;right: 0;height: 1px;background-color: var(--border-color);top: 50%;content: '';z-index: 1;}
.main-box-5 .controls .page{font-weight: 100;position: relative; padding-right: 0.21rem;bottom: auto;z-index: 5;display: inline-flex;align-items: flex-end;width: auto;}
.main-box-5 .controls .page .cur{font-size: var(--font-size24);}
.main-box-5 .controls .btn{position: absolute;right: 0;top: 50%;width: 1rem; height: 1rem;background: var(--hover-color) url(../images/icon-drag.svg) no-repeat center center; background-size: 70% auto; border-radius: 50%; margin-top: -0.5rem;z-index: 5;display: flex;justify-content: space-between;align-items: center;}
@media (min-width:1025px) {
.main-box-5 .img{width: calc(860 / 1920 * 100%);flex-shrink: 0; }  
.main-box-5 .txt{flex: 1; padding-bottom: 1.69rem;margin-left: 0.8rem;}
.main-box-5 .controls{position: absolute;z-index: 10;right: calc(217 / 1920 * 100vw);padding-left: 0.8rem;bottom: 0.42rem;left: calc(860 / 1920 * 100%);}
}
@media (max-width:1024px) {
.main-box-5 .controls{position: relative;margin: 0 0.3rem;}
.main-box-5 .inner{padding-right: 10%;}
.main-box-5 .txt{padding: 0.3rem;}
.main-box-5 .swiper{padding-bottom: 0.5rem;}
}

.main-box-6{margin-top: -0.19rem;}
.main-box-6 .pic{margin-top: 0.6rem;position: relative;z-index: 1; overflow: hidden;}
.main-box-6 .pic .marker{position: absolute; left: 0;top: -4%;width: 100%;height: 110%;background-color: var(--lighter-color);z-index: 3; transform-origin: bottom;}
.main-box-6 .contacts{margin-top: -0.21rem;}
.main-box-6 .contacts li{padding-left: 0.59rem; background-repeat: no-repeat;  background-size: auto 0.3rem;font-weight: 100;line-height: calc(32 / 18);}
.main-box-6 .contacts li.tel{background-image: url(../images/tel.svg);}
.main-box-6 .contacts li.mail{background-image: url(../images/email.svg);}
.main-box-6 .contacts li.add{background-image: url(../images/address.svg);}
.main-box-6 .contacts li p{margin: 0;}
@media (min-width:1025px) {
    .main-box-6 .contacts li{max-width: 363px;width: 30%;background-position: left center;}  
}
@media (max-width:1024px) {
    .main-box-6 .contacts li{background-position: left top;background-size: auto calc(32 / 18 * 1em);} 
    .main-box-6 .contacts li + li{margin-top: 2em;}
}

.layui-dropdown ul li{list-style: none;}
.layui-laydate-content table{width: 100%;}

#install-form ul li{margin-bottom: 0.4rem;}
#install-form .tit{font-weight: 100; margin-bottom: 0.15rem;}
#install-form .tit i{color: var(--hover-color); font-style: normal;}
#install-form .select{font-size: var(--font-size16);border: var(--border);  background: url(../images/select.svg) no-repeat right 0.3rem center; background-size: auto 0.08rem; line-height: calc(50 / 16);}
#install-form .select > *{padding-left: 0.3rem;}
#install-form .layui-input{font-size: var(--font-size16);line-height: calc(50 / 16);height: calc(50 / 16 * 1em); background: none;border: 0;color: var(--default-color);font-weight: 100;}
#install-form .layui-input::placeholder{color: var(--default-color);}
#install-form .layui-input:focus{box-shadow: none;}
#install-form .text-input{border: var(--border); position: relative;z-index: 1;}
#install-form .text-input  textarea{width: 100%;display: block; height: 1.5rem; background: none; border: 0;padding: 0.17rem 0.3rem; font-weight: 100;font-size: var(--font-size16);}
#install-form .form-title{font-weight: 100;margin-bottom: 0.22rem;}
#install-form .text-input p{position: absolute;margin: 0;z-index: 10;font-weight: 100;font-size: var(--font-size16); right: 1em; bottom: 1em;}
@media (min-width:1025px) {
#install-form .row-2 li{width: calc((100% - 0.4rem) / 2);}
}
@media (max-width:1024px) {
    #install-form .row-2{display: block;}   
    .submit-btn{text-align: center;}
}

.submit-btn input[type="button"]{width: 2.5rem;padding: 0;height: 0.5rem;background: var(--hover-color); font-weight: 100;color: var(--white);cursor: pointer;border: 0;}

.add-image-group{border: var(--border-dashed);font-weight: 100; font-size: var(--font-size16);position: relative;z-index: 1;padding: 0.1rem 0; flex-wrap: wrap;}
.add-image-group .add-btn{cursor: pointer; display: flex;align-items: center; justify-content: center; height: 1.3rem;}
.add-image-group .add-btn .icon{width: 0.24rem;height: 0.24rem; background: url(../images/upload.svg) no-repeat center center; background-size: contain; margin-right: 0.08rem;}
.add-image-group.is-active .add-btn{background-color: #f3f0ec;}
.add-image-group.is-active .add-btn .form-tips{position: absolute; bottom: calc(100% + 0.15rem);left: 5em;}
[class*=add-image-] .pic{position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.add-image-group .pic{ margin-right: 0.1rem; }
[class*=add-image-] .pic img{max-width: none; min-height: 100%; min-width: 100%;}
[class*=add-image-] .delete{position: absolute;right: 0;bottom: 0;width:0.3rem;height: 0.3rem;background:var(--hover-color) url(../images/delete.svg) no-repeat center center; background-size:60% auto;z-index: 10; cursor: pointer;}
.add-image-group.is-active{padding:0.1rem 0.1rem 0 0.1rem;justify-content: flex-start;}
.add-image-group.is-active :where(.add-btn,.pic){width: 1.3rem; height: 1.3rem;margin-bottom: 0.1rem;}

#service-nav-menu{margin: 0.7rem 0 0.52rem 0;padding: 0;}
#service-nav-menu li a{line-height: calc(29 / 18 * 1em);}
#service-nav-menu li{width: auto;}
#service-nav-menu li:not(:last-child){margin-right:calc(70 / 1920 * 100vw);}

.service-tips .item + .item{margin-top: 1.2rem;}
.service-tips .item .txt{flex: 1;padding: 0 1.18rem;font-weight: 100;}
.service-tips .item .tit{font-size: var(--font-size30);}
.service-tips .item .info{line-height: calc(32 / 18); margin-top: 0.18rem;}
@media (min-width:1025px) {
.service-tips .item .pic{width: calc(860 / 1448 * 100%);flex-shrink: 0;}
.service-tips .item:nth-child(2n){flex-direction: row-reverse;}  
}
@media (max-width:1024px) {
    .service-tips .item .txt{padding: 0.5rem;background-color: var(--lighter-color);}   
    .service-tips .item + .item{margin-top: 0.6rem;}
}

.service-faq{border-top: var(--border);font-weight: 100;}
.service-faq .list{border-bottom: var(--border);}
.service-faq .q{position: relative; font-size: var(--font-size24); padding: 0.4rem calc(0.4rem + 1em) 0.4rem 1.75em;cursor: pointer;}
.service-faq .q:before{position: absolute; content: 'Q：'; left: 0;top:0.4rem;}
.service-faq .q .ico{position: absolute;right: 0.2rem;top: 0.4rem;width: 1em;height: 1em;}
.service-faq .q .ico:before,
.service-faq .q .ico:after{position: absolute; content: ''; height: 1px;width: 1px;left: 50%;top: 50%;background-color: var(--default-color);}
.service-faq .q .ico:before{width: 100%; left: 0;}
.service-faq .q .ico:after{height: 100%;top: 0;}
.service-faq .q.select .ico:after{opacity: 0;}
.service-faq .q p{margin: 0;}
.service-faq .as{position: relative;z-index: 1; padding-left: 1.75em;line-height: calc(32 / 18);display: none;}
.service-faq .as:before{position: absolute; content: 'A：'; left: 0;top:0;}
.service-faq .as .con{padding-bottom: 0.4rem;}


.local-desc{text-align: center;font-size: var(--font-size30); margin-bottom: 2em;}

.local-main{--padt:1.4rem;--padt1:1rem; overflow: hidden;}
@media (max-width:1024px) {
    .local-main{--padt:0.7rem;--padt1:0.5rem; }
}

.local-vs{border-top: var(--border); padding-top: var(--padt1);}
.local-vs .nav-menu{padding: 0; margin-bottom: calc(0.66rem - 1em);}
.local-vs .nav-menu li{cursor: pointer;}
.local-vs .nav-menu li:not(:last-child){margin-right: calc(66 / 1920 * 100vw);}
.local-vs .change-list{position: relative;z-index: 1;width: calc(1276 / 1440 * 100%); margin: 0 auto;}
.local-vs .change-list:before{position: absolute;z-index: 4; content: 'VS'; width: 1rem; height: 1rem;display: flex;align-items: center; justify-content: center; background-color: rgba(var(--color), 0.95); border-radius: 50%;color: var(--white); font-family: var(--fen); font-size: var(--font-size30);top: 50%;margin-top:-0.5rem;}
.local-vs .change-list .item-box:not(.show){position: absolute; left: 0;top: 0;visibility: hidden;width: 100%;}
.local-vs .change-list .item-box :where(.left,.right){transition: 0.5s; opacity: 0;}
.local-vs .change-list .item-box.show :where(.left,.right){opacity: 1;transition-delay: 0.4s;}
.local-vs .change-list .left .Ispic{padding-bottom: calc(315 / 560 * 100%);}
.local-vs .change-list .right .Ispic{padding-bottom: calc(394 / 700 * 100%);}
.local-vs .change-list p{margin: 0.11rem 0 0 0;}
.local-vs .change-list p span{position: relative;z-index: 1;display: inline-block;}
.local-vs .change-list p span:after{position: absolute; content: '';width: 100%;height: 1px;background-color: var(--default-color); bottom: 0;left: 0;}
@media (min-width:1025px) {
.local-vs .change-list .left{width: calc(560 / 1276 * 100%); transform: translateX(-0.3rem);}
.local-vs .change-list .right{width: calc(700 / 1276 * 100%);transform: translateX(0.3rem);}
.local-vs .change-list .item-box.show :where(.left,.right){transform: translateX(0); }
.local-vs .change-list:before{right:calc(700 / 1276 * 100% - 0.4rem);}
}
@media (max-width:1024px) {
    .local-vs .change-list .left{transform: translateY(-0.3rem); padding-right: 20vw; margin-bottom: 0.3rem;}
    .local-vs .change-list .right{transform: translateY(0.3rem); padding-left: 20vw;text-align: right;}
    .local-vs .change-list .item-box.show :where(.left,.right){transform: translateY(0); }
    .local-vs .change-list:before{left: 50%;margin-left: -0.5rem; margin-top: calc(-0.65rem);}
}

.local-out{padding: var(--padt) 0;position: relative;z-index: 1;}
.local-out:before{position:absolute;bottom: 0;content: '';left: 50%;width: 100vw;margin-left: -50vw; height: 50%;background: linear-gradient(to bottom,rgba(var(--color),0),rgba(var(--color),0.05));z-index: -1;}
.local-out .icon-list{margin-bottom: 1.2rem;}
.local-out .icon-list li{text-align: center;}
.local-out .icon-list li .ico{width: 1.2rem;height: 1.2rem;;position: relative;display: flex;align-items: center;z-index: 2; justify-content: center;}
.local-out .icon-list li .ico:before{position: absolute; content: ''; left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;border: 1px dashed var(--default-color)}
.local-out .icon-list li .ico img{max-height:calc(50 / 120 * 100%);}
.local-out .icon-list li:hover .ico:before{animation: zhuan 10s infinite linear;}
.local-out .icon-list li p{margin-bottom: 0;}
.local-out .desc .title{font-size: var(--font-size24); margin-bottom: 0.15rem;}
.local-out .desc .info{line-height: calc(32 / 18); margin-bottom: 0.8rem;}
.local-out .list li .img{position: relative;z-index: 1; margin-bottom: 0.28rem;}
.local-out .list li .img::before{position: absolute; left: calc(-15 / 216 * 100%);right:calc(-19 / 216 * 100%);bottom: calc(-22 / 163 * 100%);top:calc(-11 / 163 * 100%);;background: url(../images/honorbg.png) no-repeat center center; background-size: 100%; content: '';}
.local-out .list li .img picture{position: relative;z-index: 4}
.local-out .list li p{margin-bottom: 0;font-size: var(--font-size16);text-align: center;}
@media (min-width:1025px) {
.local-out .desc .right{width: calc(780 / 1440 * 100%);}
.local-out .desc .left{width: calc(520 / 1440 * 100%);}
.local-out .list li{width: calc(216 / 520 * 100%);}
.local-out .list li :where(.img,p){transform:translateX(calc(15 / 216 * 100%));}
}
@media (max-width:1024px) {
    .local-out .icon-list ul{flex-wrap: wrap;}
    .local-out .icon-list li{width: calc(100% / 3);}
    .local-out .icon-list li .ico{margin: 0 auto;width: 0.9rem; height: 0.9rem;}
    .local-out .icon-list li:nth-child(3) ~ li{margin-top: 0.3rem;}
    .local-out .desc .left{margin-bottom: 0.3rem;}
    .local-out .list li{padding: 0 5vw;}
}

.local-step{padding-top: var(--padt);}
.local-step .right{width: calc(306 / 1440 * 100%); flex-shrink: 0;}
.local-step .list li{opacity: 0.6; cursor: pointer;}
.local-step .list li.aon{opacity: 1;}
.local-step .controls{display: flex;align-items: flex-end;}
.local-step .controls .page{flex-shrink: 0; width: 0.85rem;display: flex;align-items: flex-end; line-height: 1;}
.local-step .controls .page .cur{font-size: var(--font-size24);}
.local-step .controls .bar{flex: 1;background-color: var(--border-color); height: 1px;position: relative;}
.local-step .controls .bar span{background:var(--hover-color); }
@media (min-width:1025px) {
.local-step .left{width: calc(620 / 1440 * 100%); flex-shrink: 0;}
.local-step .left .swiper{width: calc(860 / 620 * 100%);float: right;}
.local-step .mid{flex: 1; margin:0 0.42rem 0 0.79rem;}
.local-step .list{margin-bottom: 0.5rem;}
.local-step .list li{margin-bottom: 0.3rem;}
}
@media (max-width:1024px) {
.local-step{position: relative;z-index: 1;}
.local-step .right{position: absolute;right: 0; top: var(--padt);}  
.local-step :where(.left,.mid){margin-right: calc(306 / 1440 * 100%);}
.local-step .list{display: flex;justify-content:space-between;}
.local-step .mid{clear: both;}
.local-step .list{margin: 0.2rem 0;}
.local-step .list li span{display: block;text-align: center;}
}

.local-process{padding-top: var(--padt);}
.local-process .local-desc{margin-bottom: 0.5rem;}
.local-process .nav-menu{padding: 0;}
.local-process .nav-menu li{cursor: pointer;}
.local-process .nav-menu li:not(:last-child){margin-right: calc(66 / 1920 * 100vw);}
.local-process .cons-item .item{min-height: 7.12rem; display: none;}

.step ul:nth-child(2){flex-direction: row-reverse;}
.step li{max-width: 230px;width: 23%;text-align: center; position: relative;z-index: 1; padding: 0.4rem 0 0.6rem 0;}
.step li:after,
.step li:before{position: absolute; content: ''; }
.step li:before{width: 3.2rem; left: 50%;margin-left: -1.6rem; bottom: 0;background: linear-gradient(to bottom,rgba(var(--color),0),rgba(var(--color),0.05));z-index: -1; height: 0;transition: 0.3s;}
.step li:after{width: 0.28rem; height: 0.16rem; background-position: center center; background-repeat: no-repeat; background-size: contain;}
.step li .icon{width: 1.2rem; height: 1.2rem;display: inline-flex;align-items: center; justify-content: center;position: relative;z-index: 1;}
.step li .icon img{max-height: calc(50 / 120 * 100%);}
.step li .icon:before{position: absolute; content: ''; left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;border: 1px dashed var(--default-color)}
.step li:hover .icon:before{animation: zhuan 10s infinite linear;}
.step li .name{margin: 0.29rem 0 1em 0; font-size: var(--font-size24);}
.step li p{line-height: calc(32 / 18);min-height: calc(32 / 18 * 2em);}
@media (min-width:1025px) {
.step li:after{ top: 50%;margin-top: -0.08rem;}
.step ul:nth-child(1) li:after{background-image: url(../images/step-r.svg); }
.step ul:nth-child(2) li:after{background-image: url(../images/step-l.svg);}
.step ul:nth-child(1) li:after{left: 130%;}
.step ul:nth-child(2) li:after{right: 130%;}
.step ul:nth-child(2) li:last-child:after{display: none;}
.step ul:nth-child(1) li:last-child:after{left: 50%;top: calc(100% - 0.3rem);background-image: url(../images/step-d.svg);width: 0.16rem; height: 0.28rem;}
.step li:hover:before{height: calc(100% + 0.2rem);}
}
@media (max-width:1024px) {
    .step ul{display: block; clear: both;}
    .step li{width: 50%; padding: 0.2rem 0.1rem 0.4rem;float: left;}
    .step li .icon{width: 0.9rem;height: 0.9rem;}
    .step li:after{left: 100%;margin-left: -0.14rem; top: 0.49rem;background-image: url(../images/step-r.svg);}
    .step li:nth-child(3){float: right;}
    .step li:nth-child(4):after,
    .step li:nth-child(2):after{background-image: url(../images/step-d.svg);width: 0.16rem; height: 0.28rem; left: 50%; top: calc(100% - 0.4rem);}
    .step li:nth-child(3):after{background-image: url(../images/step-l.svg); left: auto;right: 100%;}
    .step ul:nth-child(2) li:nth-child(4):after{display: none;}
}

.singel-content{border-top: var(--border); padding-top: 0.3rem;line-height: calc(32 / 18);}
.f-normal{font-weight: 400;}

.edit-policy .title{display: flex;align-items: center; margin-top:0.5rem;font-size: var(--font-size30);}
.edit-policy .title span{color: var(--white); background: var(--hover-color); font-size: var(--font-size24);line-height: calc(30 / 24); border-radius: 0.04rem; margin-right: 0.11rem;padding: 0 0.1rem;display: block; min-width: 0.4rem;text-align: center;}
.edit-policy .title ul{display: flex;align-items: center;}
.edit-policy .title ul li{opacity: 0.5; font-size: var(--font-size30);cursor: pointer;}
.edit-policy .title ul li + li{margin-left: 0.48rem;}
.edit-policy .title ul li.aon{opacity: 1;}
.edit-policy .table{margin-top: 0.2rem;}
.edit-policy .table table{table-layout: fixed;}
.edit-policy .table th{background-color: rgba(var(--default-rgb),0.15); line-height: calc(44 / 18);font-weight: 100;text-align: left;}
.edit-policy .table th:nth-child(1){width: calc(345 / 1440 * 100%);}
.edit-policy .table :where(th,td){padding-left: 0.56rem;}
.edit-policy  td{font-size: var(--font-size16); line-height: 2; font-weight: 100; }
.edit-policy .table td{border-bottom: var(--border); padding-top: 0.2rem; padding-bottom: 0.2rem; }
.edit-policy .table .item{display: flex;justify-content: space-between;}
.edit-policy .table .item p{margin: 0; padding: 0.09rem 0;}
.edit-policy .table .item .l{width: calc(714 / 1095 * 100%);flex-shrink: 0;}
.edit-policy .table .item .r{flex: 1;padding-left: 0.56rem;}
.edit-policy .code-img{text-align: center; margin-top: 0.7rem;}
.edit-policy .code-img img{width: 1.6rem; height: 1.6rem; border: 0.17rem solid rgba(var(--default-rgb),0.05);}
.edit-policy .code-img p{margin: 0.12rem 0 0 0;}
.edit-policy .tab-infos{position: relative;z-index:1; margin-top: 0.4rem; }
.edit-policy .tab-infos:not(.show){overflow: hidden; height: 8.6rem;}

.scroll-way{position: absolute; left: 0;width: 100%;bottom: 0;z-index: 4;color: rgba(var(--default-rgb),0.5); font-size: var(--font-size14);display: flex;padding: 0.6rem 0 0.3rem 0; justify-content: center; background: linear-gradient(to bottom,rgba(var(--lighter),0),rgba(var(--lighter),1));align-items: center;}
.scroll-way:before{display: block; content: '';width: 0.2rem; height: 0.3rem;background: url(../images/mouse.svg) no-repeat center center; background-size: contain; margin-right: 0.11rem;animation: mouse 2s linear infinite;}

.edit-policy .tab-infos.show .scroll-way{visibility: hidden;}

.edit-policy .list-info .info-ul{display: none;}
.edit-policy .info-ul ul{flex-wrap: wrap;align-items: stretch;}
.edit-policy .info-ul li{margin-bottom: 0.2rem; background: rgba(var(--default-rgb),0.05); padding: 0.5rem 0.4rem;counter-increment: my;}
.edit-policy .info-ul li .name{font-size: var(--font-size24); margin-bottom: 0.3rem;}
.edit-policy .info-ul li .name:before{content: counters(my, ".", decimal-leading-zero); margin-right: 0.25em;}
.edit-policy .info-ul li .price{margin-top: 2em;}
.edit-policy .table-2 td{padding-right: 0.4rem;}
@media (min-width:769px) {
    .edit-policy .info-ul li{width: calc((100% - 0.2rem) / 2); } 
}

.edit-policy .nav-menu{padding-bottom: calc(0.56rem - 1em);}
.edit-policy .nav-menu li a{cursor: pointer;}
.edit-policy .nav-menu li +li{margin-left: calc(72 / 1920 * 100vw);}
.edit-policy .info-table{display: none;}
.edit-policy .info-table> table td{border: var(--border);}
.edit-policy .info-table table td.bg{background-color: rgba(var(--color), 0.05);}
.edit-policy .info-table > table tr:nth-child(1) td:nth-child(1){width: calc(160 / 1440 * 100%);}
.edit-policy .info-table > table tr:nth-child(1) td:nth-child(2){width: calc(323 / 1440 * 100%);}
.edit-policy .info-table > table tr:nth-child(1) td:nth-child(3){width: calc(261 / 1440 * 100%);}
.edit-policy .info-table > table tr:nth-child(1) td:nth-child(4){width: calc(241 / 1440 * 100%);}
.edit-policy .info-table > table td{padding:0.2rem 0.2rem 0.2rem 0.4rem;}
.edit-policy .info-table > table td[align='center']{padding-left: 0.2rem;}

.getMore{display: flex;justify-content: space-between;align-items: center;padding-top: 0.1rem;font-size: var(--font-size16);position: relative;z-index: 1;}
.getMore + .h{height: 2.53rem;}
.getMore a{display: block;width: 2.5rem; background-color: var(--hover-color);color: var(--white); line-height: calc(50 / 16);text-align: center; font-weight: 100;cursor: pointer;}
.getMore:after,
.getMore:before{ content: '';  height: 1px;}
.getMore:before{flex: 1;margin-right: 0.4rem;background-color: var(--border-color);}
.getMore:after{position: absolute;left: 0; top: calc(0.1rem + (50 / 16 * 0.5em)); transition: 1s; background: var(--hover-color);width: 0;}
.getMore:hover:after{width: calc(100% - 2.9rem); }
@media (max-width:1024px) {
    .getMore + .h{height: 1rem;}
}

.list-video ul{flex-wrap: wrap;}
.list-video li{ margin-bottom: 0.91rem;}
.list-video li .img{position: relative;z-index: 1;}
.list-video li .play{position: absolute; content: '';width: 1rem; height: 1rem; border-radius: 50%;background:var(--hover-color) url(../images/play.svg) no-repeat center center; background-size: 0.12rem auto; left: 50%;top: 50%;margin: -0.5rem 0 0 -0.5rem; cursor: pointer;z-index: 10;}
.list-video li .name{display: flex;align-items: center; margin-top: 0.33rem;}
.list-video li .name:before{display: block; content: '';width: 0.44rem; height: 0.44rem;border: var(--border); margin-right: 0.15rem;flex-shrink: 0;border-radius: 50%; background: url(../images/download.svg) no-repeat center center; background-size: 0.13rem auto; transition: 0.3s;}
.list-video li:hover .name:before{border-color: var(--hover-color);background-color: var(--hover-color); background-image: url(../images/download-white.svg);}
.list-video li .name a{flex: 1;font-size: var(--font-size30);}
@media (min-width:1025px) {
.list-video li{width: calc((100% - 0.64rem) / 2);} 
.list-video li:not(:nth-child(2n)){margin-right: 0.64rem;}
.list-video li:nth-child(2n-1){margin-top: 0.6rem;}
}

.list-news{padding-top: 1.58rem;}
.list-news .item-box:nth-child(2n){flex-direction: row-reverse;}
.list-news .item-box:nth-child(2n-1) .pic{width:calc(800 / 1440 * 100%);}
.list-news .item-box:nth-child(2n) .pic{width:calc(800 / 1440 * 100%);}
.list-news .item-box:nth-child(2n) .txt{justify-content: flex-end;}
.list-news .pic{overflow: hidden;}
.list-news .pic .Ispic{padding-bottom: calc(532 / 800 * 100%);display: block;}
.list-news .item-box:nth-child(2n) .pic .Ispic{padding-bottom: calc(532 / 800 * 100%); background-size:contain;}
.list-news .item-box + .item-box{margin-top: 1.5rem;}
.list-news .item-box .txt{display: flex;flex: 1;}
.list-news .item-box .inner{will-change: opacity,transform; transform-origin: 0 50%;}
.list-news time{font-weight: 400;}
.list-news h3{margin: 0.12rem 0 0.63rem 0; font-size: var(--font-size40); line-height: calc(60 / 40); font-weight: 100;min-height:calc(60 / 40 * 3em);}
.list-news .txt p{margin: 0; line-height: calc(32 / 18);}
@media (min-width:1025px) {
.list-news .item-box:nth-child(2n-1) .inner{width: calc(455 / 540 * 100%);}
.list-news .item-box:nth-child(2n) .inner{width: calc(455 / 540 * 100%);}
.list-news .item-box:nth-child(2n-1) .txt{margin-left: 1rem;}
.list-news .item-box:nth-child(2n) .txt{margin-right: 1rem;}
}
@media (max-width:1024px) {
    .list-news{padding-top: 0.78rem;}
    .list-news .item-box + .item-box{margin-top: 0.7rem;}
    .list-news h3{font-size: var(--font-size24); margin-bottom: 1em;}
    .list-news .item-box:nth-child(2n-1) .txt{margin-left: 0.2rem;}
    .list-news .item-box:nth-child(2n) .txt{margin-right: 0.2rem;}
    .list-news .txt p{--wlc: 2!important}
}
@media (max-width:640px) {
    .list-news h3{font-size: var(--font-size20);line-height: 1.4; min-height: auto;}
    .list-news time,
    .list-news .txt p{font-size: var(--font-size16);line-height: 1.2; }
}

.news-details{padding-top: 1.16rem;}
.news-details .title{margin-bottom: 0.7rem;}
.news-details .title h1{font-weight: 100; margin: 0.5em 0 0 0; font-size: var(--font-size40);}
.news-details .single-content{text-align: center; line-height: calc(32 / 18);}
.news-details .contentPrev{margin-top: 1rem;}
.news-details .contentPrev .t1{max-width: 2.1rem;}
.news-details .contentPrev .cr .ltxt{display: flex;justify-content: flex-end;}

.list-download{padding-top: 1.6rem;}
.list-download ul{flex-wrap:wrap;}
.list-download li a{align-items: stretch;}
.list-download li .txt{display: flex; flex-direction: column; justify-content: space-between;flex:1; margin-left: 0.2rem;}
.list-download li .btn span{display: block; line-height: calc(50 / 18); border: var(--border);text-align: center; transition: 0.3s;}
.list-download li a:hover .btn span{background-color: var(--hover-color);color: var(--white);border-color: var(--hover-color);}
.list-download li .tit{font-size: var(--font-size30); line-height: calc(40 / 30); margin-top: 0.04rem;}
.list-download li  .img{width: calc(375 / 645 * 100%);flex-shrink: 0; overflow: hidden;}
.list-download li  .img img{transition: 0.3s;}
.list-download li a:hover .img img{transform: scale(1.15);}
@media (min-width:1025px) {
    .list-download li{width: calc((100% - 1.2rem) / 2);margin-bottom: 1.2rem;}
    .list-download li:not(:nth-child(2n)){margin-right: 1.2rem;}
}
@media (max-width:1024px) {
    .list-download{padding-top: 0.8rem;}
    .list-download li{margin-bottom: 0.6rem;}
}

.contact-main{overflow: hidden;padding: 1.6rem 0;}
.contact-main .img{margin: -1.37rem calc((100vw - 100%) / -2) 0;}
.contact-main .c-top ul{flex-wrap: wrap; }
.contact-main .c-top li{position: relative; line-height: calc(32 / 18);}
.contact-main .c-top li p{font-weight: 400; margin: 0;}
.contact-main .c-bottom ul{flex-wrap: wrap; align-items: stretch;}
.contact-main .c-bottom ol .name{font-size: var(--font-size30); margin-bottom: 0.8em;}
.contact-main .c-bottom ol p{line-height: calc(28 / 18);}
.contact-main .c-bottom ol .tel-url{line-height: calc(32 / 18);}
@media (min-width:1025px) {
.contact-main .c-top li{width: 30%; display: flex;justify-content: center;}
.contact-main .c-top li:not(:nth-child(3n)):after{position: absolute;content: ''; width: 1px;background-color: var(--border-color);right: 0;top: 50%;margin-top: -0.3rem; height: 0.6rem;}
.contact-main .c-bottom{margin-top: -2.56rem;}
.contact-main .c-bottom ul{padding: 0 0.98rem;}
.contact-main .c-bottom ol:nth-child(3n+1){width:31%;}
.contact-main .c-bottom ol:nth-child(3n+2){width:36%;}
.contact-main .c-bottom ol:nth-child(3n+3){width:18%;}
.contact-main .c-bottom ol:nth-child(3) ~ ol{margin-top: 0.79rem;}
}
@media (max-width:1024px) {
    .contact-main{padding: 0.8rem 0;}
    .contact-main .c-top ul{justify-content: space-between;}
    .contact-main .c-top li{width:48%;text-align: center;}
    .contact-main .c-top li:nth-child(1){width: 100%;}
    .contact-main .c-top li + li{margin-top: 0.4rem;}
    .contact-main .c-bottom ol{width: 50%;padding: 0 0.2rem;}
    .contact-main .c-bottom ol:nth-child(2) ~ ol{margin-top: 0.4rem;}
    .contact-main .c-bottom ol .name{font-size: var(--font-size24); }
}
@media (max-width:640px) {
    .contact-main .img{margin: -0.7rem}
}

.g2-box-1 .txt-right .cn{font-size: var(--font-size24); line-height: calc(40 / 24); font-weight: 100; margin-bottom: 0.42rem;}
.g2-box-1 .txt-right .en{font-family: var(--fen); font-weight: 100; font-size: var(--font-size14);}
.g2-box-2 .en{ margin-top: 0.1rem!important;}
.g2-box-2 .desc{font-size: var(--font-size18); margin-top: 0.38rem!important;}
.g2-box-3.same-vpro{padding: 0;}

.imgtxt2 .imgl,
.imgtxt2 .imgr{flex-shrink: 0;}
.imgtxt2 .same-title .desc{font-size: var(--font-size24);}

@media (min-width:1025px) {
.g2-box-3{margin: 1.5rem 0;}
.g2-box-3.same-vpro .left{width: calc(480 / 1440 * 100%);}
.g2-box-3.same-vpro .left{padding-top:calc(0.3rem + 1.2em);}
.g2-box-3.same-vpro .box .swiper{width: calc(1200 / 960 * 100%);}
.g2-box-3.same-vpro .box .swiper img{object-fit:cover;width:100%; }
.g2-box-3.same-vpro .box .swiper-slide{width: calc(1000 / 1920 * 100vw);}
.imgtxt2 .imgl{width:calc(495 / 1920 * 100%);}
.imgtxt2 .imgr{width:calc(600 / 1920 * 100%);}
.imgtxt2 .txt{padding:0 0.69rem 0 0.8rem;flex: 1;}
.imgtxt2 .same-title .desc{margin-top: 1.45rem; }
.g2-box-2 .en{max-width: 608px; }
.g2-box-2 .desc{max-width: 472px; }
.g2-box-4-1 :where(.imgl,.imgr){position: relative;z-index: 1;}
.g2-box-4-1 .imgl{width:calc(400 / 1920 * 100%);}
.g2-box-4-1 .imgr{width:calc(700 / 1920 * 100%);}
.g2-box-4-1 .same-title{position: absolute;width: max-content;}
.g2-box-4-1 .imgl .same-title{left:calc(240 / 400 * 100%); top: 100%; padding-top: 1.2rem;}
.g2-box-4-1 .imgr .same-title{right:100%;text-align: right; top: calc(149 / 1050 * 100%); padding-right: 1.5rem;max-width:100%}
.g2-box-4-1 .same-title .desc{margin-top: 0.86rem;}
}
@media (max-width:1024px) {
    .g2-box-1{padding-bottom: 1rem;position: relative;background-color: var(--lighter-color);z-index: 5;}
    .g2-box-1 .same-title,
    .g2-box-1 .txt-right{text-align: center;}
    .g2-box-1 .txt-right{ margin-top: 0.3rem;}
    .imgtxt2{flex-wrap: wrap;}
    .imgtxt2 .imgl{display: none;}
    .imgtxt2 .txt{width:100%;}
    .imgtxt2 .imgr{width: 100%; transform: none!important;}
    .g2-box-2{overflow: initial;}
    .g2-box-2 .txt{position: relative;  transform: none!important;top: auto}
    .g2-box-2 .pic + .txt{margin-top: 0.5rem;}
    .g2-box-2 .txt + .pic{margin-top: 0.5rem;}
    .g2-box-4{padding-bottom: 0;}
    .g2-box-4 .txt{padding: 0 4%;transform: none!important; margin-bottom: 0.5rem;}
    .g2-box-4-1 .imgr .same-title{background: linear-gradient(to bottom,rgba(var(--default-rgb),0),rgba(var(--default-rgb),0.1));}
    .g2-box-4-1 .imgtxt2 .imgl{display: block;transform: none!important; width: 100%;}
    .g2-box-4-1 .imgtxt2 .imgr img,
    .g2-box-4-1 .imgtxt2 .imgl img,
    .g2-box-4-1 .same-title{transform: none!important;}
    .g2-box-4-1 .same-title{padding: 0.3rem;}
    .g2-box-4-1 .txt{margin-bottom: 0;display: none;}
    .g2-box-3.same-vpro .txt{max-width: none;width: auto;transform: none!important;}
    .g2-box-3.same-vpro .swiper{margin-left: -0.3rem;}
    .g2-box-3.same-vpro .swiper-slide{padding-left: 0.3rem;}
    .g2-box-3 .same-title .cn,
    .g2-box-3 .same-title .en{transform: none!important; opacity: 1!important;text-align: center;}
    .g2-box-3.single.same-vpro{padding: 0.6rem 0; min-height: auto;}
    .g2-box-3.single.same-vpro{background-color: var(--lighter-color);}
    .g2-box-3.single.same-vpro .swiper-slide{padding: 0 10%;}
}

.g2-box-5 .same-title .desc{font-size: var(--font-size24); max-width: 454px;}
.g2-box-5 .same-title .desc + .desc{font-size: var(--font-size18); line-height: calc(30 / 18); margin-top: 0.12rem;}
@media (min-width:1025px) {
.g2-box-5 .same-title .en{margin-bottom: 2.13rem;}
.g2-box-5 .same-title .en.mb2{margin-bottom:1.19rem;max-width:40%}
}
@media (max-width:1024px) {
    .g2-box-5 .pic img{width: calc(100% + 1.4rem); margin-left: -0.7rem; max-width: none;}
    .g2-box-5 .same-title{padding-right: 30%;}
    .g2-box-5 .txt{transform: none!important; padding: 0.5rem 0 0.3rem 0;position: relative;z-index: 4;background-color: var(--lighter-color);}
}

.g2-box-3.lg-color{ --padb:2rem;position: relative;z-index: 1;background: linear-gradient(to bottom,rgba(var(--default-rgb),0),rgba(var(--default-rgb),0.1));height: calc(100vh + var(--padb));padding-bottom: var(--padb); margin-bottom: 0;}
@media (max-width:1024px) {
    .g2-box-3.lg-color{--padb:1rem;} 
}
@media (max-width:768px) {
    .g2-box-3.lg-color{--padb:0;} 
}

.p--icon{width: 1rem; height: 1rem;}
.p--icon img{display: block;width: 100%;height: 100%;border-radius: 50%;}

.product-details{margin-bottom: 1.4rem;}
.product-details .txt-con .inner{margin: 0 auto; width: 90%; max-width: 710px;}
.product-details .txt-con .title{font-weight: 100;}
.product-details .txt-con .model{font-size: var(--font-size60);}
.product-details .txt-con .name{font-size: var(--font-size40); margin-top: 0.04rem;}
.product-details .txt-con .desc{line-height: calc(32 / 18); padding-bottom: 0.6rem;border-bottom: 1px solid var(--default-color-opacity-10); margin-bottom: 0.6rem; padding-top: 0.45rem;}
.product-details .point{margin-top: 0.6rem;}
.product-details .point ul{flex-wrap: wrap;}
.product-details .point ol{width: 100%; flex-shrink: 0; margin-bottom: 0.41rem;}
.product-details .point ol .p--icon{flex-shrink: 0; margin-right: 0.25rem;}
.product-details .point ol .en{font-size: var(--font-size24); font-family: var(--fen);font-weight: 100;}
.product-details .point li{width: calc((100% - 8em) / 2); margin-top: 1em;padding-left: 0.5em;position: relative;z-index: 1;}
.product-details .point li:nth-of-type(3n){width: 8em;}
.product-details .point li::before{content: '·'; position: absolute;left: 0;top: 0;}
@media (min-width:1025px) {
 .product-details{flex-direction: row-reverse;}
.product-details .img{width: 50%;flex-shrink: 0;}
.product-details .txt-con{flex: 1;}
}
@media (max-width:1024px) {
    .p--icon{width: 0.6rem; height: 0.6rem;}
    .product-details .txt-con{padding:0.5rem 0;}  
    .product-details{margin-bottom: 0.7rem;}
}

.product-section{position: relative;}
/* .product-section .ani-section{position: absolute; top: 0;width: 100%;height: 100%;} */
.product-section .wrapper{height: 100vh; width: 100%;}
.product-section .content{height:100vh;width: 100%;}
.product-section .main{box-shadow: 0 0.2rem 0.4rem rgba(var(--default-rgb), 0.08);border-radius: 0.4rem; height: calc(860 / 960 * 100vh);position: absolute;left: 0;width: 100%;top: 0; background-color: var(--lighter-color);}
.product-section .auto-inner{height:100%; overflow: hidden;}
.product-section .same-title .en + .desc{font-size: var(--font-size18); line-height: calc(32 / 18);}
.product-section .left{padding:0 calc(90 / 1920 * 100vw) 0 calc(140 / 1920 * 100vw);}
.product-section .pic{overflow: hidden;}
.product-section .scroll-way{ background: none; position: absolute; top:calc(100vh - 1rem);bottom: auto;}
.product-section .scroll-way.hidden{opacity: 0; transition: 0.5s 1s;position: fixed; top:  auto; bottom: 0;}
@media (min-width:1025px) {
.product-section .same-title .desc{max-width: 492px;}
.product-section :where(.left,.right){width: 50%;flex-shrink: 0;}
.product-section .same-title{margin-bottom: 0.5rem;}
.product-section .same-title .en{margin-bottom: 0.54rem;}
}
@media (max-width:1024px) {
.product-section .main{ overflow: hidden;}
.product-section .auto-inner{flex-direction: column;display: flex;justify-content:space-between;width: 100%;}
.product-section .same-title{margin-bottom: 0.3rem;}
.product-section .left{padding-top: 0.6rem;}
.product-section .right .pic{aspect-ratio: 4 / 3;display: flex;align-items: center;}
.product-section .same-title .en{font-size: var(--font-size40);}
}

.edit-icon-list li{text-align: center;}
.edit-icon-list li:not(:nth-child(3n)){margin-right: calc(70 / 1920 * 100vw);}
.edit-icon-list li p{margin-bottom: 0;}
.edit-icon-list li .p--icon{margin: 0 auto;}

.edit-title{font-weight: 100;}
.edit-title .t-1{font-size: var(--font-size48); margin-bottom: 0.56rem;}
.edit-title .t-2{font-size: var(--font-size40); line-height: calc(60 / 40);}

.popUp-contrast{position:fixed; left: -100%;top: 0;width: 100%;height: 100%;z-index: 300; opacity: 0; transition:opacity 0.3s;}
.popUp-contrast.show{left: 0;opacity: 1;}
.popUp-contrast .inner{background-color: var(--lighter-color);box-shadow: 0 0.15rem 04rem rgba(0, 0, 0, 0.1); width: 90%;max-width: 800px; padding: 0.3rem 0.5rem; font-weight: 100;}
.popUp-contrast .title{position: relative; font-size: var(--font-size30); position: relative;}
.popUp-contrast .title .close{position: absolute; width: 0.2rem; height: 0.2rem; right: 0;top: 50%;margin-top: -0.1rem; background: url(../images/close2.svg) no-repeat  center center; background-size: auto calc(13 /20 * 100%); cursor: pointer;}
.popUp-contrast .cur-pro{border-bottom: 1px solid #d5d0c9; padding: 0.3rem 0; margin-bottom: 0.3rem;}
.popUp-contrast .cur-pro .left{flex: 1; margin-right: 0.3rem;}
.popUp-contrast .cur-pro .right{width: calc(250 / 700 * 100%);flex-shrink: 0;}
.popUp-contrast .cur-pro .go{color: var(--white); line-height: calc(50 / 18);position: relative; background-color: var(--hover-color);display: block;text-align: center; cursor: pointer;}
.popUp-contrast .cur-pro .tips{position: absolute; top: calc(100% + 0.1rem);left: 0;width: 100%; line-height: 2; background: rgba(var(--color), 0.05); font-size: var(--font-size16);color: var(--hover-color); border-radius: 0.4rem;display: flex;align-items: center; justify-content: center; opacity: 0; visibility: hidden; transform: translateY(0.2rem); transition: 0.3s;}
.popUp-contrast .cur-pro .go.is-active .tips{ opacity: 1; visibility: visible; transform: translateY(0);}
.popUp-contrast .cur-pro .tips:before{content: '!'; border-radius: 50%;width: 1.2em; height: 1.2em;background-color: var(--hover-color);color: var(--white); line-height: 1; margin-right: 1em;}
.popUp-contrast .cur-pro .img{width: 0.9rem; margin-right: 0.3rem; flex-shrink: 0;}
.popUp-contrast .cur-pro .txt{flex: 1;}
.popUp-contrast .cur-pro .model{font-weight: 500; font-family: var(-fen);}

.popUp-contrast .cate-prod{overflow: auto; height: 2rem;}
.popUp-contrast .cate-prod li + li{margin-top: 0.24rem;}
.popUp-contrast .cate-prod li{display: flex;position: relative;z-index: 1;}
.popUp-contrast .cate-prod li i{width:0.2rem;height: 0.2rem; border: solid 2px #ccc6be;display: block;  flex-shrink: 0;}
.popUp-contrast .cate-prod li .name{flex: 1;margin-left: 0.16rem;line-height: calc(20 / 18 * 1em);}
.popUp-contrast .cate-prod li .name span{line-height: calc(20 / 16 * 1em); font-size: var(--font-size16); font-family: var(--fen); font-weight: 500;}
.popUp-contrast .cate-prod li.click i{border-color:var(--hover-color);background: var(--hover-color) url(../images/checked.svg) no-repeat center center; background-size: auto 50%;}
.popUp-contrast .cate-prod li.click{color: var(--hover-color);}
.popUp-contrast .cate-prod li .pic{ left: 30%; position: absolute; bottom: 0;width: 1.1rem;  opacity: 0; visibility: hidden; transition:opacity 0.3s;}
.popUp-contrast .cate-prod li.active{z-index: 10;}
.popUp-contrast .cate-prod li.active .pic{ opacity: 1; visibility: visible; bottom: auto; top: 0;}
.popUp-contrast .cate-prod li:nth-last-child(4) ~ li.active .pic{bottom:0; top: auto;}


/*new 20250310*/
.ceramic-tile-info .intro{line-height:calc(32 / 18);padding:0.69rem 0 1.1rem 0;}
.ceramic-tile-info .intro .right{padding:0.19rem 0;}
.ceramic-tile-info .intro .tip-tit{font-size:var(--font-size30);}
.ceramic-tile-info .intro .canshu dd{font-weight:100;}
.ceramic-tile-info .intro .canshu dd span{font-weight:400;}
.ceramic-tile-info .intro .canshu dd + dd{margin-top:0.2rem;}
.ceramic-tile-info .intro .desc{font-weight:100;  padding:0.22rem 0 0.35rem 0;border-bottom:1px solid #d9d4ce;margin-bottom:0.3rem;}


.ceramic-tile-info .model{padding-bottom:0.85rem;border-bottom:1px solid #d9d4ce;margin-bottom:0.8rem;}
.ceramic-tile-info .model .name{line-height:calc(24 / 18);margin-bottom:0.12rem;}
.ceramic-tile-info .model .model-name{ font-family:var(--fen);}
.ceramic-tile-info .model .left .model-name{font-size:var(--font-size40);}
.ceramic-tile-info .model .right{overflow:hidden;}
.ceramic-tile-info .model .right .swiper{margin:0 -0.2rem;}
.ceramic-tile-info .model .inside{margin:0 0.2rem;cursor:pointer;}
.ceramic-tile-info .model .pre{font-size:var(--font-size15);line-height:1.4;margin-top:1em}
.ceramic-tile-info .case-view{padding-bottom:1rem;}
.ceramic-tile-info .case-view .title-area{margin-bottom:0.48rem;}
.ceramic-tile-info .case-view .download a{border: solid 1px #d9d4ce;min-width:2.49rem;line-height:0.49rem;text-align:center;font-weight:100;display:block; max-width:calc(100% - 10em);}
.ceramic-tile-info .case-view .download a:hover{background-color:var(--hover-color);color:var(--white);}

@media(min-width:1025px){
.ceramic-tile-info .left{width:calc(800 / 1440 * 100%)}
.ceramic-tile-info .right{width:calc(560 / 1440 * 100%)}
.ceramic-tile-info .model .Ispic{padding-bottom:calc(294 / 147 * 100%);}
.ceramic-tile-info .model .Ispic img{position:fixed;left:-100%;top：0; opacity:0;}
}
@media(max-width:1024px){
 .ceramic-tile-info .model-one .right{margin-top:0.4rem;}   
}

/* zsjm 20250313 */
.zsjm_padding{padding: 1.5rem 0;}
.zsjm_title{text-align: center;color: #6f4727;font-size: .3rem;margin-bottom: .8rem;font-weight: 300;}
.zsjm_title .en_title{font-size: .46rem;font-weight: normal;}
.construct{background-image: linear-gradient(90deg, #fdf6ee 0%, #d1caba 100%);}
.construct_wrap{margin-top: .3rem;}
.construct_box{color: #6f4727;display: grid;justify-items: center;font-size: .18rem;line-height: .3rem;text-align: center;flex:1;}
.construct_box .icon_box{background-color: rgba(150, 95, 54,.95);width: 1rem;height: 1rem;border-radius: 100%;margin-bottom: .4rem;}
.construct_box .icon_box .construct_icon{width: .43rem;height: .4rem;object-fit: contain;}

.terminal{background-image: url('/terminal_bg.jpg');background-position: center;background-size: cover;padding-top:1.5rem}
.terminal_box{text-align: center;color: #514239;display: grid;justify-items: center;flex: 1;padding-bottom:1.5rem}
.terminal_box .icon_box{width: 1.2rem;height: 1.2rem;display: flex;align-items: center;justify-content: center;position: relative;z-index: 2;margin: 0px auto 0.55rem;}
.terminal_box .icon_box::before{position: absolute;content: "";left: 0px;top: 0px;width: 100%;height: 100%;border-radius: 50%;border: 1px dashed var(--default-color);}
.terminal_box .icon_box .terminal_icon{height: .46rem;}
.terminal_box .title{font-size: var(--font-size24);margin-bottom: 0.3rem;}
.terminal_box p{margin: 0px 1em;line-height: .32rem;}
.terminal_box:hover .icon_box::before{animation: 10s linear 0s infinite normal none running zhuan;}
.terminal_box:hover{background: linear-gradient(to bottom, rgba(var(--color), 0), rgba(var(--color), 0.05));transition: 0.4s;}

.join_us{background-image: linear-gradient(90deg, #fdf6ee 0%, #d1caba 100%);}
.join_form{margin-bottom:1rem}
.join_form .form_item{margin-bottom: .30rem;}
.join_form .form_input{font-size: .18rem;padding: .32rem .30rem;width: 100%;border: none;background-color: transparent;}
.join_form .form_item .input_box{border: solid 1px #d3c5b6;width: 46%;display: flex;align-items: center;}
.join_form .form_item::after{display: none;}
.join_form .form_item .input_box .layui-form-select .layui-input{font-size: .18rem;padding: .41rem .30rem;background-color: transparent;border: none;}
.join_form .form_item .input_box .layui-form-select dl{top: .85rem;background-color: #faebd7;}
.join_form .form_item .input_box .layui-form-select dl dd.layui-this{background-color: #6f4727;color: #fff;}
.join_form .form_item .input_box .layui-form-select dl dd{padding: .10rem;}
.join_form .form_item .input_box .v_code{width: .88rem;height: .33rem;margin-right: .30rem;flex-shrink: 0;object-fit: contain;}
.join_form .form_item .layui-btn{background-color: #6f4727;font-size: .18rem;padding: .16rem .89rem;line-height: normal;height: fit-content;border-radius: 0;}
.join_form .form_item .input_box .layui-form-select{width:100%;}
.join_form .form_item .layui-input:focus, .layui-textarea:focus{box-shadow:none;}

.region .region_title{text-align: center;color: #6f4727;font-size: .30rem;font-weight: 300;margin-bottom: .80rem;}
.region .region_title span{position: relative;}
.region .region_title span::after{content: '';width: 100%;height: 2px;position: absolute;bottom: 0;right: 0;background-color: #965f36;}
.region .region_wrap{flex-wrap: wrap;color: #514239;}
.region .region_wrap .region_i{padding: .60rem .40rem;display: flex;border: solid 1px #d3c5b6; width: 33.33%;box-sizing: border-box;height:2.56rem}
.region .region_wrap .region_i .region_t{font-size: .30rem;width: 22%;line-height: .40rem;letter-spacing: 1px;margin-right: .40rem;}
.region .region_wrap .region_i:nth-child(3n),
.region .region_wrap .region_i:last-child{border-right: 1px solid #d3c5b6;}
.region .region_wrap .region_i .icon{width: .18rem;height: .18rem;object-fit: contain;margin-right: .10rem;}
.region .region_wrap .region_i .info_i{margin-bottom: .30rem;display:flex}
.region .region_wrap .region_i .info_i:last-child{margin-bottom: 0;}
.region .region_wrap .region_i .info{margin-top: 5px;}
.region .region_wrap .region_i:first-child{ width:100%;}
.region .region_wrap .region_i:first-child .info_i:last-child{ display:none;}
@media(max-width:1024px){
 .zsjm_padding{padding:.7rem .2rem}
 .terminal{padding-top:.7rem}
 .terminal_box{padding-bottom:.7rem}
 .zsjm_title{margin-bottom:.6rem}
 .construct_box{margin-bottom:.6rem}
 .construct_box .icon_box{margin-bottom:.3rem}
 .join_form .form_item .input_box{width:100%;margin-bottom:.3rem}
 .join_form .form_item{margin-bottom: 0;}
 .join_form .form_item .layui-btn{width:100%}
 .terminal_box .icon_box{margin-bottom:.3rem}
 .region .region_wrap .region_i{width:50%;padding:.4rem .2rem}
 .region .region_wrap .region_i:nth-child(2n),
.region .region_wrap .region_i:last-child{border-right: 1px solid #d3c5b6;}
.region .region_wrap .region_i .region_t{width:30%;margin-right:.2rem}
.region .region_title{margin-bottom:.4rem}
}

@media(max-width:768px){
 .construct_box{padding:.7rem 0}
 .terminal_box{padding:.7rem 0}
 .zsjm_padding{padding: .7rem 0}
 .region .region_wrap .region_i .region_t{width:41%;}
}

.float-back {height:auto; top:50%; margin-top:2rem;}

.imgOwl .swiper-pagination{ bottom:2%}
.imgOwl .swiper-pagination-bullet-active{ background-color:var(--hover-color);}

@media (max-width:640px) {
	body{--font-size40:0.32rem}
	#smooth-wrapper{ right:-1px!important;}
	.index1 .txt .tags{font-size: var(--font-size20); line-height: calc(36 / 20);}
	.index1 .txt .tags span{padding: 0 .5em; margin: 0 0.1rem 0.1rem 0;}
	.ruko .item .ico img{ max-width:.44rem;}
	.ruko .item .it{font-size: var(--font-size28);}
	.f-top .slogan img{height: 0.45rem;}
	.home-prod .item-1 .con{ padding-top:.5rem;}
	.home-prod .item-1 .info{ margin-top:.3rem}

	.same-vpro .same-title .en,
	.imgtxtbt .txt .t2,
	.bantxt2 .t3,
	.since .t3{  font-size: var(--font-size40); }
	.since .t2{ font-size: var(--font-size50);}
	.index1 .same-title .en,
	.ab3 .same-title .en,
	.intelligent-rd .same-title .en,
	.artodyssey .same-title .en,
	.hornor .same-title .en,
	.artodyssey .box .date,
	.zsjm_title .en_title{  font-size: var(--font-size40);}
	.ab2 .txt .li .lt,
	.region .region_wrap .region_i .region_t{font-size: var(--font-size20);}
	.ab2 .txt .li .en,
	.list-video li .name a,
	.list-download li .tit{font-size: var(--font-size24);}
	.contact-main .c-bottom ol .name{font-size: var(--font-size20);}
	.ab2 .txt .li{ margin-bottom:.2rem;}
	.ab2 > img{ object-fit:cover; -webkit-object-fit:cover; min-height:4.5rem;}
	.ab2 .txt{ position:absolute; left:0; top:0; width:48%; margin-top:.2rem; }
	.ab2 .txt .auto-inner{ transform:none!important;}
	.ab2 .txt .auto-inner .li:nth-child(n+3){ width:100%;}
	.hornor .pics .i:first-child img{max-height: .7rem;}
	.hornor .pics .i:not(:first-child) img { width: 18vw; }
	.contact-main .c-bottom ol{ padding:0 .1rem;}
	.region .region_wrap{ font-size: var(--font-size16);}
	.region .region_wrap .region_i .region_t{ width: 14%; margin-right: .1rem;}
	/*.abbox 
	.abbox .artodyssey{ height:auto!important;}*/
	
	/*产品*/
	.basebg [class*=same-title] .cn{  font-size: var(--font-size24); }
	.basebg [class*=same-title] .en{  font-size: var(--font-size28); }
	.g2-box-2 .pic img{ max-width:none; width:160%;}
	.g2-box-2 .pic.right img{  margin-left:-60%;}
	.g2-box-5{ display:flex; flex-flow: column wrap;}
	.g2-box-5 .pic img{ max-width:none; width:150%; margin-left:-50%; }
	.g2-box-5 .txt{order:2;}
	#imgtxt2.g2-box-2 .pic img{ margin-left:-60%;}
	.g2-box-4-1 .imgtxt2 .imgl{ width:100%; display:flex; align-items:center; justify-content: space-between;}
	.g2-box-4-1 .imgtxt2 .imgl img{ width:48%;}
	.g2-box-4-1 .imgtxt2 .imgl .same-title{ width:52%;}
	.same-vpro .txt .t1,
	.g2-box-4-1 .imgtxt2 .same-title .desc,
	.g2-box-5 .same-title .desc,
	.g2-box-4 .imgtxt2 .same-title .desc{ font-size: var(--font-size18);}
	.g2-box-4-1 .imgtxt2 .imgr{ width:80%; margin:.5rem auto;}
	.g2-box-5 .same-title{ padding-right:0;}
	.prod-ban-txt{ position:relative; height:auto; transform:none!important;padding:.5rem 0;}
	.prod-ban-txt .w1440{ justify-content:flex-start;}
	.prod-ban-txt .tit{ transform:none!important;}
	.pbanner > img{ margin-left:0;}
	.g2-box-2{ display:flex; flex-flow: column wrap;}
	.g2-box-2 .txt{order:2; margin-top:.2rem;}
	.g2-box-4:not(.g2-box-4-1){ width:80%; margin:.1rem auto .5rem; display:flex; flex-flow: column wrap;}
	.g2-box-4:not(.g2-box-4-1) .txt{order:2; margin-top:.2rem;}
	
	
}

.SubPage{position: relative; z-index: 1;height: auto !important;min-height: 100px;height: 100px;overflow: hidden;padding:105px 0 1.2rem;}

.SubNavCenter{line-height: 1rem;text-align: center;position: relative;background:#fff;}
.SubNavCenter.fix{position: fixed;width:100%;left:0;top:90px;z-index:999;box-shadow: 0 0 10px rgba(0,0,0,0.1);background: rgba(255,255,255,1);line-height: 0.6rem;}
.SubNavCenter li{display:inline-block;padding: 0 0.45rem;position: relative;}
.SubNavCenter li a{display: block;color:#555555;position: relative;font-size: 0.18rem;cursor: pointer;}
.SubNavCenter li a:After{left: 50%;width: 0;height: 4px;content: "";transition: all 0.3s;background:var(--hover-color);bottom: -1px;position: absolute;}
.SubNavCenter li:hover a,.SubNavCenter li.onli a{display: block;color:var(--hover-color);font-family: harmRegular;}
.SubNavCenter li:hover a:after,.SubNavCenter li.onli a:after{width: 100%;left: 0;}

/* 线上授权门店 */
.BuyTi{line-height: 0.65rem;text-align: center;margin-bottom: 0.63rem;}
.BuyTi h2{display: inline-block;position: relative;background:#fff;}
.BuyTi h2:after,.BuyTi h2:before{content: "";position: absolute;width: 1.82rem;height: 0.65rem;background-repeat: no-repeat;background-size: contain;}
.BuyTi h2:after{left: 0;background-image: url(../images/tit_left.png);left: -1.81rem;}
.BuyTi h2:before{right: 0;background-image: url(../images/tit_right.png);right: -1.82rem;}

.ShopList ul{ display:flex; flex-wrap:wrap; justify-content:space-between;}
/* .ShopList ul:nth-child(2n+2){float: right;} */
.ShopList .item{margin:0 0 0.4rem 0;background:#fff;height: 2.88rem;padding-bottom: 0.28rem;transition: all 0.3s;display: inline-block;vertical-align: top; width:49%;}
.ShopList .item .tithead{border-bottom: 2px solid #f7f7f7;padding:3px 0 0 0.4rem;font-size: 0.2rem;line-height: 0.77rem;margin-bottom: 0.18rem;position: relative;cursor: pointer;}
.ShopList .item .tithead .ico{position: absolute;right: 0.41rem;width: 24px;height: 24px;top: 50%;margin-top: -12px;}
.ShopList .item .tithead .ico:After,.ShopList .item .tithead .ico:before{content: "";width: 100%;height: 1px;background:#858585;position: absolute;}
.ShopList .item .tithead .ico:After{top: 50%;}
.ShopList .item .tithead .ico:before{left: 50%;width: 1px;height: 100%;top: 0;transition: all 0.3s;}
.ShopList .item .tithead img{width: 30px;height: 30px;border-radius: 50%;margin-right: 10px;}
.ShopList .item .tithead:hover .ico:After,
.ShopList .item .tithead:hover .ico:before{background:var(--hover-color);}
.ShopList .item .info{line-height: 0.4rem;margin:0 0.22rem 0 8.8%;height: 1.6rem;overflow: hidden;transition: all 0.3s;}
.ShopList .item .info dd{width: 50%;display: inline-block;vertical-align: top;}
.ShopList .item:hover{box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.ShopList .item.on{height: 6.16rem;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.ShopList .item.on .tithead .ico:before{height: 0;top: 50%;}
.ShopList .item.on .info{height: 4.68rem;overflow-y:scroll;}

@media (max-width:640px) {
	.ShopList .item{ width:100%}
}



/* 线下门店 */
.tc{ text-align:center;}
.Ti36{font-size: 0.36rem;font-weight: normal;line-height: 1.5;margin-bottom: 0.2rem;}
.SearchShop{max-width: 6rem;margin:0px auto 0.38rem;background:#fff;position: relative;padding:0 0.6rem 0 0.3rem;}
.SearchShop input{width: 100%;height: 0.66rem; border:none; }
.SearchShop button{position: absolute;right: 0;height: 100%;width: 0.6rem;background: url(../images/search4.svg) no-repeat center;background-size: .19rem; border:none;}
.SearchShop button:hover{color:var(--hover-color);}
.ShopNav{line-height: 0.63rem;border-bottom: 1px solid #cdcdcd;margin-bottom: 0.6rem;position: relative;z-index: 10;}
.ShopNav ul{float: left;}
.ShopNav li{display: inline-block;margin-right: 0.66rem;position: relative;}
.ShopNav li:After{left: 50%;bottom: -1px;height: 4px;background:var(--hover-color);content: "";position: absolute;transition: all 0.3s;width: 0;}
.ShopNav li a{color:#555555;font-size: 0.18rem;}
.ShopNav li:hover a,.ShopNav li.on a{font-family: harmRegular;}
.ShopNav li:hover:after,.ShopNav li.on:after{left: 0;width: 100%;}
.ShopNav .selectCity{float: right;}

.selectCity{position: relative;z-index: 100;}
.selectCity .select{position: relative;text-align: center;width: 2.1rem;cursor: pointer;}
.selectCity .select i{position: absolute;right: 0;}
.selectCity .tab{padding:10px 10px 0;}
.selectCity .tab dd{display: inline-block;width: 50%;text-align: center;border:1px solid #f1f1f1;background:#f1f1f1;line-height: 0.4rem;cursor: pointer;}
.selectCity .tab dd.cur{background:#fff;font-family: harmRegular;}
.selectCity .pullbox{width: 3.2rem;position: absolute;right: 0;top: 100%;box-shadow: 0 2px 10px rgba(0,2,10,0.06);background:#fff;z-index: 100;padding:0 0 25px;display: none;}
.selectCity .pullbox .item{max-height: 3.68rem;overflow-y: auto;line-height: 0.46rem;margin:0 18px 0 30px;display: none;}
.selectCity .pullbox .item dd{cursor: pointer;color: #999999;font-family: harmRegular;}
.selectCity .pullbox .item dd.on,.selectCity .pullbox .item dd:hover{color: #333333;}

.ShopItem{margin:0 0 0 -2%;}
.ShopItem ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.ShopItem ul li{list-style: none;}
.ShopItem .item{width: 48%;margin:0 0 2% 2%;background:#fff;min-height: 1.94rem;padding: 0.46rem 0.4rem 0.2rem;position: relative;transition: all 0.3s;}
.ShopItem .item .near{position: absolute;background:#555555;color:#fff;line-height: 0.32rem;font-size: 14px;padding:0 18px 0 28px;left: 0;top: 0;}
.ShopItem .item .near:before{position: absolute;left: 8px;top: 6px;background:#fff;border-radius: 50%;width: 4px;height: 4px;content: "";}
.ShopItem .item .near:after{position: absolute;right: -18px;top: 0;width: 18px;height: 100%;content: "";background: url(../images/point.png);}
.ShopItem .item .tit{font-size: 0.22rem;margin-bottom: 0.2rem;white-space: break-spaces;padding-right: 74px;}
.ShopItem .item .wz{position: absolute;right: 0.4rem;top: 0.46rem;color:#999999; font-size: 16px;}
.ShopItem .item dl{position: relative;padding-right: 140px;}
.ShopItem .item dl dt{position: absolute;right: 0;top: 0.15rem;}
.ShopItem .item .btnam{position: relative;transition: all 0.3s;display: inline-block;text-align: center;border-radius: 0.28rem;width: 1.26rem;line-height: 0.42rem;overflow: hidden;border: 1px solid #999999;clear: both;border-radius: 3px;color: #333333;}
.ShopItem .item .btnam:hover{width: 1.26rem;line-height: 0.42rem;border:1px solid var(--hover-color);color:#fff;}
.ShopItem .item .btnam em{position: relative; z-index: 1; display: inline-block; font-style: normal;font-weight:100}
.ShopItem .item .btnam:after{bottom: 0;left: 0;width: 100%;height: 0;background:var(--hover-color);content: "";position: absolute;transition: all 0.3s;}
.ShopItem .item .btnam:hover{border: 1px solid var(--hover-color);color:#fff;}
.ShopItem .item .btnam:hover:after{height: 100%;}

.ShopItem .item dd{position: relative;padding-left: 29px;min-height: 0.3rem; line-height:0.3rem; margin-bottom: 4px;font-size: 16px;}
.ShopItem .item dd:last-child{margin-bottom: 0;}
.ShopItem .item dd i{position: absolute;left: 0;top: 0; width:.24rem; height:.3rem; background:url(../images/add.png) no-repeat center; background-size:contain; }
.ShopItem .item:hover{box-shadow: 0 10px 15px rgba(0,0,0,0.1);}

@media (max-width:1024px) {
	.ShopItem .item{width:100%;margin:2% 0;}
}

.product_case_sort{  position: relative; margin-bottom:.3rem;}
.product_case_sort a{cursor: pointer;}
.product_case_sort dl{ padding: .1rem 0; line-height: .4rem;  position: relative}
.product_case_sort dt{ position: absolute; color: #999999; padding-top: 0;}
.product_case_sort dd{ position: relative; padding-left: 1.4rem;  overflow: hidden ;transition: 0.3s }
.product_case_sort dd.show{ height:auto;}
.product_case_sort dl dt{ padding: .02rem 0; top: .15rem; background-color: var(--hover-color); color: #fff; width: 1rem; text-align: center}
.product_case_sort dl dt:before{ content: ''; left: 100%; top: .08rem; position: absolute; border: solid .08rem transparent; border-left-color: var(--hover-color)}
.product_case_sort .more{ font-size: .14rem;color: #999999; position: absolute; right: 0; padding-right: .18rem; z-index: 5}
.product_case_sort .more:before,
.product_case_sort .more:after{ content: ''; position: absolute; background: #9d9d9d; display: block; transition: 0.3s; top:50%; transform:translateY(-50%); }
.product_case_sort .more:before{ width: .1rem; height: .02rem; right: 0;}
.product_case_sort .more:after{ width: .02rem; height: .1rem; right: .04rem;}
.product_case_sort .all{ position: absolute; top: .04rem}
.product_case_sort a.on{ color: var(--hover-color);}
.product_case_sort ul{ padding-left: .7rem;transition: 0.3s }
.product_case_sort ul li{ float: left; padding-top: .04rem; padding-bottom: .04rem; padding-right: .1rem;}
.product_case_sort ul li a{ position: relative; display: inline-block; white-space: nowrap; margin: 0px .08rem; }
.product_case_sort .show dd{ max-height: inherit}
.product_case_sort .show .more:after{ opacity: 0}